螢幕截圖

詳細介紹

🚀 以行動裝置使用者的眼光檢視您的網站。Mobile FIRST 讓您直接在 Chrome 中測試 iPhone、iPad、Android 手機、平板電腦和智慧手錶上的響應式設計，錄製可直接向客戶展示的示範影片，並省下大量手動測試時間。 5 年多來，超過 150 萬名開發人員、設計師和 QA 測試人員信賴 Mobile FIRST，它是 Chrome 上的標竿級行動裝置模擬器擴充功能。 ⚡ 10 秒即可上手 1. 按一下「加到 Chrome」 2. 開啟任何網站 3. 按一下 Mobile FIRST 圖示並選擇裝置 4. 旋轉、比較和切換裝置，不需要 DevTools 📱 80 款預先設定的裝置（定期新增機型） • 62 款智慧型手機（iPhone 和 Android），從舊款機型到最新上市 • 5 款平板電腦 • 13 款特殊裝置：智慧手錶、互動式資訊站、桌上型螢幕…… • 自訂裝置：建立並儲存您自己的螢幕尺寸和可視區域 🔥 主要功能 • 🆕 Live device：真實的轉譯引擎。原生 Safari WebKit 和 Chrome Android，連最細微的顯示問題也能發現。 • 📱📱 多裝置比較：同時並排測試多部裝置，閃電般完成響應式檢查 • 👆 逼真的觸控捲動：原生手指手勢，帶來道地的行動瀏覽體驗 • 🎬 一鍵錄影（MP4、WEBM、GIF），適用於示範、教學和錯誤回報 • 📸 透明 PNG 螢幕截圖，可直接用於簡報和客戶電子郵件 • 🔄 直向 / 橫向即時切換 • 🔍 逼真的縮放功能，模擬真實的行動裝置行為 • ⚙️ 10 種以上自訂選項：PWA 模式、全螢幕、原生鍵盤等 • 🖼️ 免費下載透明裝置樣機 • 🌚 深色模式介面，長時間使用更舒適 🆕 LIVE DEVICE 功能 在模擬器中設計，在真實環境中定案 模擬器仍是在各種螢幕尺寸上快速設計和迭代的理想工具。 到了驗證階段，Live device 可以接手，為您提供託管於 ☁️ 雲端的 iOS 或 Android 裝置，並直接從分頁即時操控。 • 原生 Safari WebKit 和 Chrome Android，連最細微的顯示問題也能發現。 • 原生表單欄位、系統鍵盤和自訂 GPS 位置。 • 30 部裝置，數秒內即可就緒 👥 適用對象 • 檢查響應式 CSS、媒體查詢和中斷點的網頁開發人員 • 在交付前審查行動優先版面的 UI/UX 設計師 • 進行快速跨裝置檢查的 QA 測試人員 • 向客戶展示網站行動版的代理商和自由工作者 • 製作示範、影片和視覺素材的產品與行銷團隊 🆚 為什麼不直接使用 CHROME DEVTOOLS？ DevTools 的裝置模式非常適合偵錯，但它並非為日常視覺測試或簡報而設計。Mobile FIRST 新增了逼真的裝置外框、觸控捲動、並排比較、一鍵錄影和截圖，以及隨開即用的裝置庫，一鍵即可完成。 🆓 免費版與 PRO 版 Mobile FIRST 可免費安裝和使用。進階功能透過我們的 PRO 方案提供，詳細資訊請在擴充功能內查看。 ❓ 常見問題 • Mobile FIRST 是免費的嗎？ 是的。核心模擬器免費，PRO 方案可解鎖進階功能。 • 它是真正的 iPhone 或 Android 模擬器嗎？ Mobile FIRST 是一款模擬器：它直接在 Chrome 中重現裝置螢幕尺寸、觸控捲動和行動裝置縮放行為。它本身並不執行 iOS 或 Android：如需 100% 驗證，只要一鍵啟動 Live device，即可在託管於雲端、可直接從分頁操控的實體 iOS 或 Android 裝置上進行測試。 • 我可以同時比較多部裝置嗎？ 可以。多裝置比較可將多支手機和平板電腦並排顯示。 • 我的裝置不在清單中，可以新增嗎？ 可以。使用任何螢幕解析度和可視區域建立自訂裝置，並儲存以供日後使用。 • 我可以為客戶錄製示範嗎？ 可以。一鍵將螢幕錄製為 MP4、WEBM 或 GIF，或拍攝透明 PNG 螢幕截圖。 ✨ 在幕後，Mobile FIRST 運用了許多技術巧思，力求盡可能忠實地重現行動體驗。 👉 按一下「加到 Chrome」，透過使用者的眼睛檢視您的網站。