F12比Ctrl+Shift+I简单

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

更新2:

请看这个答案。- 2019-11-05

你现在也可以让它在弹出窗口中自动打开开发人员工具，如果它们是打开它们的地方。例如，如果你没有打开开发工具，你得到一个弹出窗口，它不会打开与开发工具。但是如果你打开了开发工具，然后你点击一些东西，弹出窗口会自动打开开发工具。

更新:

时间已经改变了，你现在可以使用-auto-open-devtools for tab，就像这个答案- Wouter Huysentruit 5月18日11:08

OP:

我玩了Chrome的启动字符串执行，但不能让它坚持到新的标签。 我还考虑了一个已定义的PATH方法，可以从提示符调用它。这可以通过SendKeys命令实现，但同样只能在新实例上实现。而且DevTools不会持久化到新选项卡。

浏览谷歌产品论坛，似乎没有一个内置的方式来做到这一点在Chrome。你必须使用按键解决方案或F12如上所述。

我推荐它作为一个功能。我知道我也不是第一个。

我来这里是为了寻找类似的解决方案。我真的很想看到chrome输出页面加载从一个新的选项卡(在我的情况下，一个表单提交)。

我实际使用的解决方案是修改表单目标属性，以便在当前选项卡中提交表单。然后我就可以捕获网络请求了。问题解决了!

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

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

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

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

这里有一个命令行开关:——auto-open-devtools-for-tabs

所以，在Windows上，对于谷歌Chrome快捷方式上的属性，使用这样的东西:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

这里有一个有用的链接: chromium-command-line-switches。

根据DevTools文档，下面是针对每个平台的命令行:

MacOS: 打开-a "谷歌Chrome"——args——auto-open-devtools-for-tabs 窗口: 启动chrome——auto-open-devtools-for-tabs Linux: google chrome, auto-open-devtools-for-tabs

打开开发人员工具，重点显示开发人员工具窗口，按F1。这将打开一个设置页面。检查“自动打开弹出的DevTools”。

这对我很管用。

Mac系统:退出Chrome，然后在终端窗口执行如下命令:

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

在Chrome DevTools设置下启用:

Network ->保存日志 在DevTools下->自动打开弹出的DevTools

任何想要在Visual Studio中实现这一功能的人，这篇Code Project文章都会有所帮助。只需在参数框中添加“——auto-open-devtools-for-tabs”。2017年生效。

你可以通过点击右下角的三个垂直点，在新窗口中打开开发工具(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打开你的应用程序和控制台选项卡以及。

在开发人员工具窗口可见的情况下，单击菜单图标(右上角的三个垂直点)，然后单击设置。

在“开发工具”下，检查“自动打开弹出的开发工具”选项

从命令行运行chrome时使用——auto-open-devtools-for-tabs标记

/应用程序/谷歌\ Chrome。app/Contents/MacOS/谷歌\ Chrome——auto-open-devtools-for-tabs

https://developer.chrome.com/docs/devtools/open/#auto

2021年的答案:

打开开发人员工具(Windows下按CTRL+SHIFT+I) 点击“齿轮”图标。将出现新的设置窗口。

“自动打开弹出式开发工具”现在在“首选项”部分。

您可以打开码头视图设置，并根据需要调整窗口。 截图。

Windows:

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