谷歌浏览器审查元素如何使用 谷歌浏览器审查元素的使用技巧

谷歌浏览器是款很受用户们欢迎的浏览工具，不仅访问速度很快，还提供了很强大的分析工具审查元素，这个对于前台和后台开发人员有很大的帮助，有不少小伙伴可能还不知道谷歌浏览器审查元素如何使用吧，针对这个问题，本文就给大家讲述一下谷歌浏览器审查元素的使用技巧吧。

对于谷歌浏览器，相信大家还会有很多其他方面的问题，小编在这里为大家带来额外的推荐教程，需要的就可以来看看

推荐教程：谷歌浏览器打不开网页怎么解决

#5456复制

具体步骤如下：

1、首先进入到一个网页，如“百度经验”首页，会发现页面布局很好看，作为前端开发人员，想了解页面的div分布和模仿，那么请按“F12”进入审查元素框；

2、比如您想看右上角那个“分享让生活更美好”的div是如何实现的，点击鼠标右键，选择“审查元素”，那么在页面下面将出现该div的html代码，在其右侧是css样式代码；

3、您想要模仿写页面，总不能代码一行一行敲，那么您可以在下图蓝色选择的一行代码右键，选择copy，则复制下这个div的代码啦，在获得html代码的同时，不要忘记右侧的css，顺便copy下来吧；

4、是不是觉得审查元素窗口好小，想放大，那么点击下图中类似屏幕的小图标吧，您将使得改窗口变成chrome的独立窗口，同样，再点击下这个图片，又会回到原先的嵌入式窗口模式了；

5、那么，对于手机页面的开发，我们如何在pc上实现呢？点击 “Emulation"，如果您想选择手机型号，则可以”select model“；

6、console平台的妙用，在其中，您可以调试DOM元素和页面解析错误显示等等。

上述给大家讲解的便是谷歌浏览器审查元素的详细使用方法，如果你也感兴趣的话，可以了解一下上面的使用技巧吧，希望帮助到大家。