码迷,mamicode.com
首页 > Web开发 > 详细

页面的html调试

时间:2019-12-13 23:45:48      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:html   找到你   点击   element   adf   一个   adb   最简   bbb   

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

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

技术图片

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

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

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

页面的html调试

标签:html   找到你   点击   element   adf   一个   adb   最简   bbb   

原文地址:https://www.cnblogs.com/pengdt/p/12037489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!