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

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

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

Ответ 1

UPDATE:

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

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

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

OP:

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

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

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

Ответ 2

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

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

Снимок экрана

Ответ 3

Для этого есть переключатель командной строки: --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

Ответ 4

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

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

Ответ 5

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

В сети → Журнал сохранения В DevTools → Автоматическое открытие DevTools для всплывающих окон

Ответ 6

F12 проще, чем Ctrl + Shift + I

Ответ 7

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

Ответ 8

Если вы используете код Visual Studio (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 откроет ваше приложение и вкладку консоли.

Ответ 9

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

  1. Справа click-> Осмотреть-> источники (вкладка)

  2. По направлению к вам будет "кнопка выполнения сценария паузы" The button highlighted in the image directed by this link is the script execution button which can be paused or played as per necessity.Try it Yourself

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

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

Ответ 10

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

Ответ 11

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