利用瀏覽器除錯手機網站?

Tags: 網站, 瀏覽器,

現在市面上的智慧機型號、大小、類別特別多,要想做出漂亮的手機網站,除錯特別關鍵,下面我們利用每天都會用到的瀏覽器來除錯手機網站

工具/原料

Google Chrome

方法/步驟

開啟要除錯的手機網頁,我用的是Google Chrome瀏覽器,在頁面的空白地方右鍵,點選“審查元素”

利用瀏覽器除錯手機網站

在跳出的面板的左上角有個手機標誌,點選這個標示

利用瀏覽器除錯手機網站

視窗就會變成類似手機的樣子,現在可以開始進行除錯了

利用瀏覽器除錯手機網站

在手機視窗上方有一組數字,這個是視窗大小,如果覺得預設的視窗尺寸不合適,可以自定義

利用瀏覽器除錯手機網站

瀏覽器上還預設了一些裝置,直接選擇相應的型號就行了

利用瀏覽器除錯手機網站

在程式碼欄上,還可以看到所選裝置的相關資訊

利用瀏覽器除錯手機網站

相關問題答案