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

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

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

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

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

最新文章

  1. 设置Ubuntu为本地时间
  2. 关于学习YYKit的记录
  3. 【iCore3 双核心板】例程三十二:UART_IAP_ARM实验——更新升级STM32
  4. svn使用(三)
  5. Unity 3D 中自动寻路 和 跟随转向 探析
  6. 【ACM - 搜索模板】
  7. LCS(滚动数组) POJ 1159 Palindrome
  8. 使用Windbg和SoS扩展调试分析.NET程序
  9. 用JDBC编程的执行时错误及其解决大全
  10. Fault Diagnosability Infrastructure Overview
  11. jquery 获取当前元素的索引值
  12. 初学Java Web(7)——文件的上传和下载
  13. NDK开发入门终极教程
  14. luogu2597-[ZJOI2012]灾难 && DAG支配树
  15. git<git常用命令>
  16. Linux学习笔记--vim
  17. P1231 教辅的组成
  18. eclipse开发mapreduce程序时出现的问题
  19. ios 判断app程序第一次启动方法
  20. LeetCode: Binary Search Tree Iterator 解题报告

热门文章

  1. Unknown column '××' in 'where clause',出现这个问题,如何处理?
  2. flask view
  3. tomcat注册为windows服务
  4. C# 读取和写入txt文件
  5. kali安装vm tools正确操作
  6. H5新增的标签和属性
  7. node.js中的事件轮询Event Loop
  8. redhat 7.6 网络配置
  9. Codeforces 1304C. Air Conditioner
  10. Day11-G - Calendar Game HDU - 1079