Chrome調試手機頁面

標籤：class   http   tar   ext   com   get   

新開發的網頁需要在手機或是類比機上運行測試，如果手頭事件比加緊，那麼可以藉助 Chrome提供的手機網頁預覽程式進行簡單調試。查看 製作的網頁是否能夠適合各種手機型號使用。

 

下面所以下如何使用Chrome調試多類型手機網頁。

 

首先 下載Chrome 瀏覽器。

在你要調試的網頁或是本地頁面中。按F12 開啟調試器。

工具/原料

• Chrome瀏覽器

方法/步驟

1.  

   開啟 模擬面板。：

2.  

   可以在 Device 選擇裝置。

   可以在Screen  設定類比的螢幕方面的東西，設定解析度，螢幕尺寸。

   可以在 User Agent 設定 用戶端Agent

   可以在 sensors  設定感應等，類比觸屏操作。

3.  

   配置好之後，點擊 Emulate 。開始進行模擬。

   （選擇Device需要點擊emulate)其餘選項是在修改後自動改變。

4. 4

   如何假設 平板旋轉螢幕？

   可以在 screen中，點擊解析度中間的互換按鈕就可以了。

   使用Chrome瀏覽器調試，配置好調試設定之後，可以自由輸入 網址查看 在行動裝置上的現實情況。

   END

注意事項

• 如果不出現菜單，下載最新版Chrome瀏覽器外掛程式。