打开新选项卡/新窗口时自动打开Chrome开发人员工具
Ale*_*aba 226 google-chrome google-chrome-devtools
我有HTML5应用程序,通过单击链接在新窗口中打开.每次我想记录网络通信以启动Developer工具时,我都有点厌倦按Shift + I,因为我总是需要它.我无法找到在启动时始终启用开发人员工具的选项.
在Chrome中打开新窗口时,有没有办法自动打开开发人员工具？
小智 161
在打开开发人员工具时,将开发人员工具窗口置于焦点上,按F1.这将打开一个设置页面.检查"自动打开DevTools以获取弹出窗口".
这对我有用.
- 这是有效的,正是OP所要求的,它应该被标记为正确的答案 (9认同)
- 在Electron中创建窗口时无效. (3认同)
- 这仅适用于特定的案例子集，请参阅 https://bugs.chromium.org/p/chromium/issues/detail?id=410958#c87。这不是一个通用的解决方案。 (3认同)
- 也不适用于 WebStorm。页面打开但没有开发工具。 (2认同)
- 这样可行,但"保留日志"选项始终未选中,如果弹出窗口重定向,则不显示以前的网络请求.任何想法默认情况下如何保留日志？ (2认同)
- 从带有 Chome 调试扩展的 VS Code 开始时不起作用。 (2认同)
- 在首选项中，没有“DevTools”。我的版本是 Ubuntu Snap `版本 84.0.4147.105 (Offizieller Build) snap (64-Bit)` (2认同)
Chi*_*fic 81
更新:
时间已经改变,你现在可以使用--auto-open-devtools-for-tabs作为答案 - Wouter Huysentruit 5月18日11:08
OP:
我在执行时玩了Chrome的启动字符串,但无法将其保留到新选项卡.
我还考虑过你可以从提示中调用的已定义的PATH方法.这可以通过SendKeys命令实现,但同样仅适用于新实例.并且DevTools不会坚持使用新标签.
浏览Google产品论坛时,似乎没有内置的方法可以在Chrome中执行此操作.你必须使用按键解决方案或F12如上所述.
我推荐它作为一个功能.我知道我也不是第一个.
- 时间已经改变,你现在可以在[这个答案]中使用`--auto-open-devtools-for-tabs`(http://stackoverflow.com/a/36957422/1300910) (10认同)
- OS X的完整命令是(退出任何正在运行的Chrome进程):`/ Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome --auto-open-devtools-for-tabs` (4认同)
- 请考虑编辑您的答案.它已经过时但在SO中仍然非常明显. (2认同)
小智 72
这有一个命令行开关: --auto-open-devtools-for-tabs
因此,对于Google Chrome上的属性,请使用以下内容:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs
这是一个有用的链接: chromium-command-line-switches
- 这在Windows 7版本51.0.2704.103 m上不起作用 (6认同)
- OS X的完整命令是(退出任何正在运行的Chrome进程):`/ Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome --auto-open-devtools-for-tabs` (5认同)
- 请记住在尝试此操作之前退出所有 Chrome 实例。否则这行不通。 (4认同)
- 这绝对有效，现在可能应该被标记为已接受的答案。检查 chromium `Version 50.0.2661.102 Ubuntu 15.10 (64-bit)` 并像这样打开它 `chromium-browser --auto-open-devtools-for-tabs` (3认同)
- 没有在版本59.0.3071.115(官方版本)(64位)上工作 (2认同)
- 我将命令行参数更新为：--auto-open-devtools-for-tabs --user-data-dir=c:\temp\chrome。这本质上告诉 Chrome 使用单独的目录仅用于调试，并为我做到了这一点 (2认同)
小智 23
在Mac上:退出Chrome,然后在终端窗口中运行以下命令:
open -a "Google Chrome" --args --auto-open-devtools-for-tabs
- 澄清一下：这将打开带有“auto-open-devtools-for-tabs”标志集的 Chrome。退出 Chrome 并使用正常的应用程序快捷方式重新打开它会打开没有设置标志的 Chrome。如果您想使用此标志设置打开 Chrome 的快捷方式，而无需打开终端窗口，您可以在 Automator 中创建一个工作流，添加一个“运行 Shell 脚本”项，然后粘贴上面的脚本。将工作流保存为应用程序将创建一个可点击的应用程序。在另一个线程中看到这个答案：/sf/answers/19701881/ (2认同)
And*_*son 15
在Chrome DevTools设置下,您可以启用:
在网络下 - >保留DevTools下的日志 - >自动打开DevTools以获取弹出窗口
- 在 Chrome 85 的 MacOS 上，它现在位于“设置”->“全局”部分下。 (3认同)
- 很好的答案，但针对Linux进行了解释：转到开发人员控制台。转到汉堡菜单。单击设置（或f1）。在网络部分中，检查保留日志。在devtools部分中，检查自动打开devtools的弹出窗口 (2认同)
luh*_*iya 14
在 Developer Tools 窗口可见时，单击菜单图标（右上角的三个垂直点），然后单击Settings。
在Dev Tools 下，选中Auto-open DevTools for popups选项
- Chrome 版本 86 该设置位于同一位置，但名称不同，因此：设置 -> 首选项 -> 全局 -> 自动打开弹出窗口的 DevTools。 (3认同)
Ran*_*olf 14
2021 年答案：
- 打开开发人员工具（在 Windows 上为 CTRL+SHIFT+I）
- 单击“齿轮”图标。将出现新的设置窗口。
- “自动打开弹出窗口的开发工具”现在位于“首选项”部分下。
F12比Ctrl + Shift + I更容易
- OSX:Cmd + Opt + I (3认同)
- 如果您使用的是 Windows 或 Linux (2认同)
- 要在 MacBook 或 Pro 上按 F12，您必须执行 FN+F12（左下极端 + 右上角极端），这对于大多数键盘用户来说并不舒服 (2认同)
If you use Visual Studio Code (vscode), using the very popular vscode chrome debug extension (https://github.com/Microsoft/vscode-chrome-debug) you can setup a launch configuration file launch.json and specify to open the developer tool during a debug session.
This the launch.json I use for my React projects :
{
"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"
}
]
}
The important line is "runtimeArgs": ["--auto-open-devtools-for-tabs"],
From vscode you can now type F5, Chrome opens your app and the console tab as well.
--auto-open-devtools-for-tabs从命令行运行 chrome 时使用标志
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
https://developer.chrome.com/docs/devtools/open/#auto
| 归档时间： |
|
| 查看次数： |
136244 次 |
| 最近记录： |