Google chrome 打开新选项卡/新窗口时自动打开Chrome开发者工具

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 现在,您还可以在弹出窗口中自动打开开发人员工具,如果它们在您打开它们的地方是打开的。例如,如果您没有打开开发工具,并且您得到一个弹出窗口,那么它将不会使用开发工具

我有一个HTML5应用程序,它通过点击链接在一个新窗口中打开。每次我想记录网络通信以启动开发者工具时,我都有点厌倦了按下Shift+I键,因为我总是需要它。我找不到一个在启动时始终启用开发人员工具的选项


当在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