頁面的html調試


點擊頁面按下鍵盤的F12,或者鼠標右鍵選擇檢查(N)

會彈出一個窗口,這個窗口就是調試窗口

html調試.png

如上圖所示,第一個圖標是標簽元素選擇器,點擊使用后,在頁面上移動,會在Elements的區域找到你鼠標選中的html代碼,如果找到的並不是你看到的內容,則說明你想找的標簽被另一個更高的標簽擋住了,按一下鍵盤上的刪除鍵,把遮擋標簽刪了,就能看到了,如果還不是,就繼續刪,刪錯了刪過了就刷新頁面重新調試就行

在標簽元素選擇器的右邊那個手機圖案就是手機調試模式,點擊一下,可以模擬網頁在手機上打開的樣子,測試視口寬度和設備寬度說的就是這個手機調試模式

html調試只是F12里的最簡單最基礎的調試手段,還有很多調試功能會在后面提到


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM