如何在多個設備上同時查看/測試響應式設計？

有沒有辦法與網站合作，並立即看到它在多個設備上的外觀？如何在多個設備上同時查看/測試響應式設計？

例如，您有兩個顯示器，並且可以打開3個不同大小（PC，平板電腦，電話）的瀏覽器窗口。 PC版本是主要版本，您可以在主顯示器上使用它，只需要在其他顯示器上查看Tablet和Phone版本即可。你點擊PC版的鏈接並轉到新頁面，其他兩個也是這樣做的。

有沒有什麼工具可以做到這一點？

據我所知，只需重新調整PC上的瀏覽器大小是不夠的。由於硬件和軟件的差異，不同的設備都顯示網頁的方式略有不同。他們將全都呈現相同的網頁。查看最準確結果的最佳方法是...查看設備本身的頁面。抱歉! – dykeag 2012-07-26 02:43:05

@dykeag是的，可能你需要一個真正的設備進行最終拋光。這主要是快速瀏覽並立即捕捉大部分錯誤。 – 2012-07-26 02:54:04

爲了測試響應式網頁設計，我使用了基於Web的工具，名爲The Responsinator。

您輸入網址並點擊開始。就這樣。這裏

http://www.responsinator.com/?url=[your URL]

希望它能幫助！ :)

編輯：

PS：到目前爲止，還沒有表現出任何「錯誤」但是結果，客戶反饋應該等待。

2012-07-26 02:56:23 Karma

您可以使用isresponsive.com來測試您在不同設備上的響應式設計。

2013-10-16 21:02:21

回答