Responsive Tester 快速預覽響應式網頁
設計網頁或調整版面樣式必須考量在不同螢幕尺寸的呈現效果，使用 Chrome 或 Edge 瀏覽器可利用開發人員工具來模擬行動裝置，檢查網頁在不同裝置上都能正常顯示。此外，這款 Responsive Tester 外掛程式也有相同效果，可以輕鬆切換手機、平板、筆電等多種裝置。


軟體介紹：

Responsive Tester 是一款能夠快速檢視響應式網頁的擴充功能，透過模擬使用者代理程式和螢幕解析度來測試網頁，提供 iPad、iPhone、HTC、Galaxy、Nexus7 等多種裝置，輕鬆切換直向、橫向模式和多個裝置，方便在電腦上測試響應式網頁。

軟體名稱：Responsive Tester
授權型式：免費
語言介面：英文
下載安裝：【Chrome 商店】

Responsive Tester 使用說明：

1. 使用 Chrome、Edge 瀏覽器打開擴充功能頁面，點擊「加到 Chrome」或「取得」→「新增擴充功能」進行安裝。
Responsive Tester 快速預覽響應式網頁

2. 新增完成會打開官網的歡迎頁面，建議將擴充功能圖示固定到工具列上，方便預覽行動網頁。
Responsive Tester 快速預覽響應式網頁

3. 在工具列按下「Responsive Tester」展開面板，有 Apple iPhone、LG、Samsung、HTC、Microsoft Surface 等裝置，點選裝置會打開相應尺寸的視窗並載入當前網頁。
Responsive Tester 快速預覽響應式網頁

4. 使用 Responsive Tester 可以快速以手機、平板、筆電等多種螢幕尺寸來瀏覽網頁。
Responsive Tester 快速預覽響應式網頁

延伸閱讀：