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 使用說明：

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

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

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

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

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

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

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

延伸閱讀：