关于chrome调试，Chrome调试技巧这个很多人还不知道，今天乐乐来为大家解答以上的问题，现在让我们一起来看看吧！

chrome调试 Chrome调试技巧chrome调试 Chrome调试技巧


chrome调试 Chrome调试技巧


1、1) 进入想要调试的网站，按F12打开调试模式方法/步骤可以在 screen中，点击分辨率中间的互换按钮就可以了。

2、在浏览器窗口，按F12键即可打开如下图的调试窗口。

3、上图中搜索图标（个圈）是定位页面元素的。

4、第二个手机图标是适配移动设备的。

5、个选项Elements是用来定位页面元素的html原代码，在左下方可以使用Ctrl+F搜索元素或是字符串，来定位元素。

6、一个选项Console，是用来输出一些调试信息。

7、在下图中，可以看到在Console中会打印出当前页面中出现的错误，也可以在Console中打印页面中参数，还可以在Console中定义方法，并执行方法。

8、Console是开发者使用最多的调试工具。

9、在调试工具的右上角有一些选项，通常会使用到设置和切换卡这两个选项。

10、打Sources：次功能是js页面调试中最突出的功能，上图。

11、开设置，可以对调试工具进行设置，在不是必须得情况下，不用做任何修改。

12、点击切换卡，调试工具会在新打开的窗口中显示。

本文到这结束，希望上面文章对大家有所帮助。