Автоматически открывать инструменты разработчика Chrome при открытии новой вкладки / нового окна

У меня есть приложение HTML5, которое открывается в новом окне, нажав на ссылку. Я немного устал от нажатия Shift + I каждый раз, когда я хочу регистрировать сетевое общение для запуска инструментов разработчика, потому что оно мне нужно всегда. Мне не удалось найти параметр, позволяющий всегда включать средства разработчика при запуске.

Есть ли способ автоматически открывать инструменты разработчика при открытии нового окна в Chrome?

ОБНОВЛЕНИЕ 2:

Смотрите этот ответ . - 2019-11-05

Теперь вы также можете автоматически открывать Инструменты разработчика во всплывающих окнах, если они были открыты там, откуда вы их открывали. Например, если у вас не открыты Dev Tools, и вы получили всплывающее окно, оно не откроется с Dev Tools. Но если у вас есть открытые инструменты разработки, а затем вы что-то щелкаете, всплывающее окно автоматически открывает инструменты разработки.

ОБНОВИТЬ:

Время изменилось, теперь вы можете использовать --auto-open-devtools-for-tabs, как в этом ответе - Wouter Huysentruit 18 мая в 11:08

OP:

Я поиграл со строкой запуска Chrome при запуске, но не смог сохранить ее на новых вкладках.
Я также подумал об определенном методе PATH, который вы можете вызвать из подсказки. Это возможно с помощью команды SendKeys, но, опять же, только на новом экземпляре. И DevTools не сохраняется на новых вкладках.

Просматривая форумы по продуктам Google, кажется, что в Chrome нет встроенного способа сделать это. Вы должны будете использовать решение нажатия клавиш или F12как упомянуто выше.

Я рекомендовал это как особенность. Я знаю, что я тоже не первый.

При открытии инструментов разработчика, когда окно инструментов разработчика находится в фокусе, нажмите F1. Откроется страница настроек. Проверьте «Автоматически открывать DevTools для всплывающих окон».

Это сработало для меня.

Для этого есть ключ командной строки: --auto-open-devtools-for-tabs

Так что для свойств в Google Chrome используйте что-то вроде этого:

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

Вот полезная ссылка: chromium-командной строки-переключатели

На Mac: выйдите из Chrome, затем выполните следующую команду в окне терминала:

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

В настройках Chrome DevTools вы включаете:

Под Сетью -> Сохранить журнал под DevTools -> Автоматически открывать DevTools для всплывающих окон

F12 легче чем Ctrl + Shift + I

В открывшемся окне «Инструменты разработчика» нажмите значок меню (три вертикальные точки в верхнем правом углу) и нажмите « Настройки» .

Под Dev Tools , проверьте Авто открыть DevTools для всплывающих окон опции

Я пришел сюда в поисках аналогичного решения. Я действительно хотел увидеть вывод Chrome для загрузки страницы из новой вкладки. (отправка формы в моем случае) Решение, которое я фактически использовал, состояло в том, чтобы изменить целевой атрибут формы так, чтобы отправка формы происходила на текущей вкладке. Мне удалось захватить сетевой запрос. Задача решена!

Кто ищет , чтобы сделать это в Visual Studio, этот код проекта статья поможет. Просто добавьте «--auto-open-devtools-for-tabs» в поле аргументов. Работает на 2017 год.

Если вы используете Visual Studio Code (vscode), используя очень популярное расширение отладки vscode chrome ( https://github.com/Microsoft/vscode-chrome-debug ), вы можете настроить файл конфигурации запуска launch.jsonи указать, что инструмент разработчика следует открывать во время сеанс отладки.

Это launch.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 откроет ваше приложение и вкладку консоли.

Да, есть способ, которым вы могли бы сделать это

1. Щелкните правой кнопкой мыши -> Проверить-> Источники (вкладка)

2. По направлению к вам справа будет «кнопка приостановки выполнения скрипта»

Я надеюсь, что это помогает! Мир

• PS: Это в первый раз. Со второго раза инструмент разработчика загружается автоматически

Использовать --auto-open-devtools-for-tabsфлаг при запуске Chrome из командной строки

/ Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

Вы можете открыть Dev Tools ( F12в Chrome) в новом окне clicking three, vertical dotsв правом нижнем углу и выбрать Open as Separate Window.