谷歌瀏覽器除錯移動端

admin發表於2018-07-23
谷歌瀏覽器除錯

使用谷歌瀏覽器開發者工具可以模擬不同的移動裝置對web頁面進行除錯。

特別說明：谷歌瀏覽器開發者工具並不能完全代替真機，不過可以完成絕大多數除錯工作。

下面簡單介紹一下除錯過程：

一.點選F12進入谷歌開發者工具介面：

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234752ag7ssr445ggrgj1r.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

可能在網頁底部，也可能在網頁的一側，位置可以自行設定，圖示如下：

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234806r5yfb5ufmzmfhgpp.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

點選上面對應按鈕可以進行相關設定。

二.進入模擬移動端介面：

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234826nb85p68z7768s79k.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

點選上述按鈕可以進入移動端介面，圖示如下：

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234841qf6zoxi0yyuoi5ox.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

本站有針對移動端優化，重新整理以後會自動以移動端頁面展現。

頂部依次是當前模擬的真機型別，完美視口的尺寸（裝置獨立畫素為單位），對頁面的縮放和裝置畫素比。

相關文章