點擊頁面按下鍵盤的F12,或者鼠標右鍵選擇檢查(N)
會彈出一個窗口,這個窗口就是調試窗口
如上圖所示,第一個圖標是標簽元素選擇器,點擊使用后,在頁面上移動,會在Elements的區域找到你鼠標選中的html代碼,如果找到的並不是你看到的內容,則說明你想找的標簽被另一個更高的標簽擋住了,按一下鍵盤上的刪除鍵
,把遮擋標簽刪了,就能看到了,如果還不是,就繼續刪,刪錯了刪過了就刷新頁面重新調試就行
在標簽元素選擇器的右邊那個手機圖案就是手機調試模式,點擊一下,可以模擬網頁在手機上打開的樣子,測試視口寬度和設備寬度說的就是這個手機調試模式
html調試只是F12里的最簡單最基礎的調試手段,還有很多調試功能會在后面提到