如果你使用Visual Studio Code (vscode)，使用非常流行的vscode chrome调试扩展(https://github.com/Microsoft/vscode-chrome-debug)，你可以设置启动配置文件启动。Json，并指定在调试会话期间打开开发人员工具。

这是发射。json我使用我的React项目:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

重要的一行是"runtimeArgs":["——auto-open-devtools-for-tabs"]，

从vscode你现在可以输入F5, Chrome打开你的应用程序和控制台选项卡以及。

你可以通过点击右下角的三个垂直点，在新窗口中打开开发工具(Chrome中的F12)，并选择作为单独窗口打开。

是的，有一种方法可以做到

点击右键- >检查- >来源(选项卡) 右边有一个“暂停脚本执行按钮”

我希望这能有所帮助!和平

附注:这是第一次。从第二次开始，开发工具自动加载

如果你使用Visual Studio Code (vscode)，使用非常流行的vscode chrome调试扩展(https://github.com/Microsoft/vscode-chrome-debug)，你可以设置启动配置文件启动。Json，并指定在调试会话期间打开开发人员工具。

这是发射。json我使用我的React项目:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

重要的一行是"runtimeArgs":["——auto-open-devtools-for-tabs"]，

从vscode你现在可以输入F5, Chrome打开你的应用程序和控制台选项卡以及。

F12比Ctrl+Shift+I简单

下面是所有DevTools打开的快捷方式:

Windows:

右键单击你的谷歌Chrome快捷方式 属性 将目标更改为:“C:\Program Files\谷歌\Chrome\Application\ Chrome .exe”—auto-open-devtools-for-tabs 单击ok 你需要关闭当前所有chrome实例&结束任务管理器中的chrome进程。或重启电脑。