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 快速預覽響應式網頁

延伸閱讀:
免安裝軟件,Chrome、Edge 瀏覽器支援檢視行動裝置網頁 I love adaptive 線上測試響應式網頁,提供多種裝置框架 U-Eyes 模擬 30+ 行動裝置瀏覽框架,支援截圖/錄製GIF