页面的html调试

点击页面按下键盘的F12,或者鼠标右键选择检查(N)

会弹出一个窗口,这个窗口就是调试窗口

html调试.png

如上图所示,第一个图标是标签元素选择器,点击使用后,在页面上移动,会在Elements的区域找到你鼠标选中的html代码,如果找到的并不是你看到的内容,则说明你想找的标签被另一个更高的标签挡住了,按一下键盘上的删除键,把遮挡标签删了,就能看到了,如果还不是,就继续删,删错了删过了就刷新页面重新调试就行

在标签元素选择器的右边那个手机图案就是手机调试模式,点击一下,可以模拟网页在手机上打开的样子,测试视口宽度和设备宽度说的就是这个手机调试模式

html调试只是F12里的最简单最基础的调试手段,还有很多调试功能会在后面提到

猜你喜欢

转载自www.cnblogs.com/pengdt/p/12037489.html
今日推荐