点击页面按下键盘的F12,或者鼠标右键选择检查(N)
会弹出一个窗口,这个窗口就是调试窗口
如上图所示,第一个图标是标签元素选择器,点击使用后,在页面上移动,会在Elements的区域找到你鼠标选中的html代码,如果找到的并不是你看到的内容,则说明你想找的标签被另一个更高的标签挡住了,按一下键盘上的删除键
,把遮挡标签删了,就能看到了,如果还不是,就继续删,删错了删过了就刷新页面重新调试就行
在标签元素选择器的右边那个手机图案就是手机调试模式,点击一下,可以模拟网页在手机上打开的样子,测试视口宽度和设备宽度说的就是这个手机调试模式
html调试只是F12里的最简单最基础的调试手段,还有很多调试功能会在后面提到