1.html标签中找错误
点击箭头，去对应的浏览器上点，下面元素中会出现对应的html元素和样式，这箭头查找html很重要。鼠标右击检查也同样能在图片上找到对应的html位置。可以看到控制台是报404，仔细看src图片连接，发现png格式不完整
查看网络状态发现是404，地址不完整
如图正确
2.CSS样式注释和查看
点击左侧箭头，去对应的图片上去滑动，样式列表同样跟着跳。例如去掉红色，取消打钩就行。样式出现——表示此样式被注释。在样式后面看到数字 7 ，代表此样式在 7 行，点击跳到对应的样式查看
3.CSS样式修改
此功能很方便，不用去工具里面修改，在来看浏览器。直接在浏览器里面调试好，复制样式就能到工具里面修改。出现黄色箭头表示没有此样式
4.CSS样式的增加
点击加号，会出现样式名，在里面编辑样式会有提示按Tab键可以补全，在去右边双击class属性中，点击复制样式名粘贴，进行调试。调试完可以直接复制到工具里面
直接修改颜色。在复制粘贴过去
浏览器HTML 中点击鼠标右击，可以注释标签，修改标签，复制标签等功能。
后面其实还有js调试