google-chrome-devtools开始使用google-chrome-devtools


备注

本节概述了google-chrome-devtools是什么,以及开发人员为什么要使用它。

它还应该提到google-chrome-devtools中的任何大型主题,并链接到相关主题。由于google-chrome-devtools的文档是新的,您可能需要创建这些相关主题的初始版本。

访问Chrome开发工具

虽然Chrome浏览器对任何标签(欢迎标签除外)开放,但您有三个选项可以打开Chrome开发工具:

键盘 :键入命令⌘ + option + i

浏览器菜单 :点击“菜单”>“更多工具”>“开发人员工具”

浏览器菜单到chrome dev工具

程序菜单在屏幕顶部 ):点击“查看”>“开发者”>“开发人员工具”

程序菜单到chrome dev工具

转到成员(javaScript函数/ CSS规则)

在查看文件时,使用CTRL + SHIFT + O (对于mac, + SHIFT + O )导航到javaScript函数/ CSS规则。

按文件名搜索

在sources选项卡中,使用CTRL + O + O for Mac)按文件名搜索。