Chrome Devtools的教程

完美者（wmzhe.com）网站以软件下载为基础，改版后的网站对功能性板块进行扩充，以期能够解决用户在软件使用过程中遇见的所有问题。网站新增了“软件百科”、“锦囊妙技”等频道，可以更好地对用户的软件使用全周期进行更加专业地服务。

Chrome Devtools是谷歌浏览器自带的一个web编写和调试工具，但是碍于英文导致许多开发者在调试过程中难免出现一些问题，Chrome Devtools提供给web开发人员深入地访问浏览器内部和web应用的机会，可以有效地跟踪布局问题，设置JavaScript断点 ,以及进行javascript代码的优化。

Chrome Devtools使用方法

打开DevTools要在一个网页或者web application中打开DevTools，可以用下面两种方法：

1、选择Chrome浏览器窗口右上角的菜单 > 然后选择> 工具 > 开发工具。

2、右键单击任何页面元素>选择 审查元素。

DevTools工具将会在你的浏览器的地步打开。还有几种打开Devtools的快捷方式：

1.使用 Ctrl + Shift + I (Cmd + Opt + I on Mac)打开DevTools。

2.使用 Ctrl + Shift + J (Cmd + Opt + J on Mac)打开DevTools并将焦点移到控制台。

3.使用 Ctrl + Shift + C (Cmd + Shift + C on Mac)打开DevTools并将焦点移到检查元素移模式,或者控制检查元素模式开关如果DevTools已经打开了。

（注意：chrome版本要对应 - chrome正式版 61.0.3163.100 使用方法就是覆盖原文件）

"锦囊妙技"栏目是聚合全网软件使用的技巧或者软件使用过程中各种问题的解答类文章，栏目设立伊始，小编欢迎各路软件大神朋友们踊跃投稿，在完美者平台分享大家的独门技巧。

本站文章素材来源于网络，大部分文章作者名称佚失，为了更利于用户阅读和使用，根据需要进行了重新排版和部分改编，本站收录文章只是以帮助用户解决实际问题为目的，如有版权问题请联系小编修改或删除，谢谢合作。