Google chrome 打开新选项卡/新窗口时自动打开Chrome开发者工具
我有一个HTML5应用程序,它通过点击链接在一个新窗口中打开。每次我想记录网络通信以启动开发者工具时,我都有点厌倦了按下Shift+I键,因为我总是需要它。我找不到一个在启动时始终启用开发人员工具的选项Google chrome 打开新选项卡/新窗口时自动打开Chrome开发者工具,google-chrome,google-chrome-devtools,Google Chrome,Google Chrome Devtools,我有一个HTML5应用程序,它通过点击链接在一个新窗口中打开。每次我想记录网络通信以启动开发者工具时,我都有点厌倦了按下Shift+I键,因为我总是需要它。我找不到一个在启动时始终启用开发人员工具的选项 当在Chrome中打开新窗口时,有没有办法自动打开开发者工具?F12比Ctrl+Shift+I更容易更新2: 见2019-11-05 现在,您还可以在弹出窗口中自动打开开发人员工具,如果它们在您打开它们的地方是打开的。例如,如果您没有打开开发工具,并且您得到一个弹出窗口,那么它将不会使用开发工具
当在Chrome中打开新窗口时,有没有办法自动打开开发者工具?F12比Ctrl+Shift+I更容易更新2: 见2019-11-05 现在,您还可以在弹出窗口中自动打开开发人员工具,如果它们在您打开它们的地方是打开的。例如,如果您没有打开开发工具,并且您得到一个弹出窗口,那么它将不会使用开发工具打开。但是,如果您打开了开发工具,然后单击某个内容,弹出窗口将自动打开开发工具 更新:
时间变了,您现在可以使用--自动打开选项卡的devtools,如–Wouter Huysentruit 5月18日11:08 OP: 我在execute上使用了Chrome的启动字符串,但无法将其保留到新选项卡。
我还考虑了一个可从提示符调用的已定义路径方法。这可以通过SendKeys命令实现,但同样,只能在新实例上实现。而且DevTools不会持久保存到新选项卡 在浏览谷歌产品论坛时,Chrome似乎没有一种内置的方式来实现这一点。您必须使用上面提到的击键解决方案或F12
我推荐它作为一项功能。我知道我也不是第一个。我来这里寻找类似的解决方案。我真的很想从一个新标签上看到页面加载的chrome输出。(在我的例子中是表单提交)我实际使用的解决方案是修改表单目标属性,以便表单提交发生在当前选项卡中。我能够捕获网络请求。问题解决了 是的,有一种方法你可以做到
- 这是第一次。从第二次开始,开发工具会自动加载
- 有一个命令行开关用于此:
--自动打开选项卡的devtools
因此,对于Google Chrome上的属性,请使用以下内容:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs
以下是一个有用的链接:
打开开发人员工具时,在“开发人员工具”窗口处于焦点的情况下,按F1。这将打开一个设置页面。检查“自动打开弹出窗口的DevTools” 这对我有用
在Mac上:退出Chrome,然后在终端窗口中运行以下命令:
open -a "Google Chrome" --args --auto-open-devtools-for-tabs
在Chrome DevTools设置下,您可以启用: 在网络->保存日志下
在DevTools->Auto open DevTools for popup下任何希望在VisualStudio中执行此操作的人,本文都会有所帮助。只需在参数框中添加“-auto open devtools for tabs”。2017年开始工作。您可以在新窗口中打开开发工具(
F12
,在Chrome中),方法是单击右下角的三个垂直点,如果您使用Visual Studio代码(vscode),使用非常流行的vscode Chrome调试扩展()您可以设置启动配置文件launch.json
,并指定在调试会话期间打开开发人员工具
这是我用于React项目的launch.json
:
{
"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”:[“--自动打开选项卡的devtools”],
现在,您可以在vscode中键入
F5
,Chrome将打开应用程序和控制台选项卡。在开发者工具窗口可见的情况下,单击菜单图标(右上角的三个垂直点),然后单击设置
在开发工具下,选中弹出窗口的自动打开开发工具选项
从命令行运行chrome时,使用--自动打开选项卡的devtools
标志
/Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome——自动打开选项卡的devtools
我也想知道这一点。我找到的唯一方法就是像这个家伙那样编辑源代码:[link]我已经仔细搜索过了,我能找到的最接近的东西是在开发工具中创建一个带有Chrome扩展的新窗格。使用Python的SendKeys,你可以启动Chrome并发送
+^j
来模拟Ctrl-Shift j,但这只适用于新实例;为了导航到一个给定的页面,你必须对selenium或其他东西有一点创意……是的,我也看到了这个变体,但当你为每个新打开的选项卡打开开发工具时,它不适用。谁修改了源代码以添加此功能。它现在似乎已经过时了,但至少我们知道您的请求是可能的。如果您使用Windows或Linuxto在macbook或pro上点击f12,您必须执行fn+f12(左下极端+右上极端),这对大多数键盘用户来说都不太舒服linux上非常棒。。。另一个转换的原因。在Mac Pro上做的,虽然不完美,但仍然比苹果好得多OS@Seanny123:修正!如果你想将此作为一项功能,请随意启动这个Chrome bug:@Chiperific,你说你在执行Chrome的启动字符串,但无法将其保留到新选项卡。但是,我只需要在启动时为一个选项卡使用此行为。你能只为一个标签共享你的方式吗?时间已经改变了,现在你可以使用<代码> -AutoOpenDeVoots用于Tabs<代码>,请考虑编辑你的答案。它已经过时,但在SO中仍然非常可见。OS X的完整命令是(首先退出任何正在运行的Chrome进程):/Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome——自动打开选项卡的devtools
Th