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

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

具体步骤如下：,1、首先进入到一个网页，如“百度经验”首页，会发现页面布局很好看，作为前端开发人员，想了解页面的div分布和模仿，那么请按“F12”进入审查元素框；,2、比如您想看右上角那个“分享让生活更美好”的div是如何实现的，点击鼠标右键，选择“审查元素”，那么在页面下面将出现该div的html代码，在其右侧是css样式代码；,3、您想要模仿写页面，总不能代码一行一行敲，那么您可以在下图蓝色选择的一行代码右键，选择copy，则复制下这个div的代码啦，在获得html代码的同时，不要忘记右侧的css，顺便copy下来吧；,4、是不是觉得审查元素窗口好小，想放大，那么点击下图中类似屏幕的小图标吧，您将使得改窗口变成chrome的独立窗口，同样，再点击下这个图片，又会回到原先的嵌入式窗口模式了；,5、那么，对于手机页面的开发，我们如何在pc上实现呢？点击 “Emulation"，如果您想选择手机型号，则可以”select model“；,6、console平台的妙用，在其中，您可以调试DOM元素和页面解析错误显示等等。,上述给大家讲解的便是谷歌浏览器审查元素的详细使用方法，如果你也感兴趣的话，可以了解一下上面的使用技巧吧，希望帮助到大家。,,