使用谷歌浏览器调试web前端鼓捣记

前端调试代码最常用的应该就是浏览器的debug了吧，也就是浏览器调试工具。那么我就以谷歌调试百度首页为例来看看吧。

调试工具的简单介绍：

打开谷歌的调试工具我比较习惯的用法是：右击页面----->检查
打开之后是这个样子：

首先，看一下功能菜单：

依次从左往右来看：
1.箭头按钮 用于在页面选择一个元素来查看他的相关信息。首先点击箭头按钮，然后在页面中找到要查看的元素点击。
2.设备图标 用于切换不同的终端开发模式，也可以选择不同的尺寸比例。点击该按钮进行切换。
3.Elements功能标签页 用来查看，修改页面的元素，包括DOM标签，以及css样式的查看，修改，还有相关盒模型的图形信息。

（1）用鼠标随便点击一个元素，然后按ctrl+f可以搜索HTML的内容；
（2）在搜索框中搜索某个的字符串&#