U-Eyes 行動裝置模擬器支援截圖/錄製GIF
為了讓各種裝置的使用者都能獲得最佳瀏覽體驗,現在的網頁都採用響應式設計,因此需要以不同螢幕尺寸來檢視網頁是否正常,使用瀏覽器的開發人員工具即可預覽響應式網頁,此外,本文介紹的「U-Eyes Mobile Device Simulator」提供 30 多種行動裝置瀏覽框架,方便在電腦上檢視行動裝置版網頁。


軟體介紹:

U-Eyes 是一款免費的瀏覽器外掛程式,能夠測試網頁在行動裝置上的呈現效果,提供 30 多種裝置外框,包括 iPhone、Galaxy、Pixel、Huawei、iPad 和 Nexus 等機型,介面簡潔易於操作,讓使用者輕鬆模擬行動裝置的瀏覽體驗。

使用 U-Eyes 還有螢幕截圖和錄製功能,可以選擇當前螢幕畫面、完整網頁和添加裝置外框的截圖,以及錄製瀏覽操作過程輸出 GIF 圖片,方便製作網站展示圖。

軟體名稱:U-Eyes Mobile Device Simulator
授權型式:免費
介面語言:英文
官方網站:https://eyeballer.dev/
安裝連結:【Chrome 線上商店】

U-Eyes 使用說明:

在 Chrome、Edge 瀏覽器上打開擴充功能頁面,點擊「加到 Chrome」或「取得」→「新增擴充功能」進行安裝。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

新增完成後,從工具列啟動(點擊) U-Eyes 擴充功能即可切換為行動裝置瀏覽框架。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

如下圖,U-Eyes 會在裝置外框內載入網頁,頁面右側點擊裝置名稱可更換外框。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

使用者可以選擇 iPhone、Galaxy、Pixel、Huawei 手機和 iPad、Nexus 平板電腦。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

除了以行動裝置覽網頁,U-Eyes 還有旋轉方向、螢幕截圖、錄製 GIF 等功能。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

點選「Device Shot」可下載有裝置外框的截圖。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

按下「Screencast」會出現紅色方框並錄製畫面,同時按鈕會變成停止鍵和錄影時間,再次點擊按鈕即可下載 GIF 圖片,方便製作展示動圖。
U-Eyes 行動裝置模擬器支援截圖/錄製GIF

延伸閱讀:
Down for Everyone or Just Me?檢查網站是否可正常訪問 I love adaptive 線上測試回應式網頁,多種裝置瀏覽框架 使用 Chrome 瀏覽器檢視 RWD 響應式網頁設計,免安裝