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


252

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

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


Я бы тоже хотел это знать. Единственный способ, который я нашел, - это отредактировать источник, как сделал этот парень: [link] groups.google.com/forum/?fromgroups=#!topic/…
zone117x

Я довольно много исследовал, и самое близкое, что я могу найти, - это создать новую панель внутри инструментов разработчика с расширением Chrome.
TankorSmash

2
Используя SendKeys с Python, вы можете запустить Chrome и отправить +^jдля имитации Ctrl Shift J, но это будет работать только с новым экземпляром; вам нужно будет немного креативнее с селеном или чем-то еще, чтобы перейти на данную страницу ...
TankorSmash

Да, я также видел этот вариант, но он не применим, когда вы открываете инструменты разработчика для каждой новой вкладки.
Александр Сиробаба

Вот парень, который изменил исходный код, чтобы добавить эту возможность. Похоже, он устарел, но, по крайней мере, мы знаем, что ваш запрос возможен .
Патрик М

Ответы:


89

ОБНОВЛЕНИЕ 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как упомянуто выше.

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


1
@ Seanny123: исправлено! Если вы хотите использовать это как функцию, не стесняйтесь отмечать
phsource

1
@Chiperific, вы сказали, что играете вокруг строки запуска Chrome при выполнении, но не можете сохранить ее на новых вкладках. Однако мне нужно такое поведение при запуске только для одной вкладки. Можете ли вы поделиться тем, как вы сделали это только для одной вкладки?
Мартин Браун

10
Время изменилось, теперь вы можете использовать, --auto-open-devtools-for-tabsкак в этом ответе
huysentruitw

2
Пожалуйста, рассмотрите возможность редактирования вашего ответа. Это устарело, но все еще очень заметно в SO.
yannick1976

4
Полная команда для OS X: «Выйти из любого запущенного процесса Chrome в первую очередь»:/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane

190

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

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

Скриншот


13
Это работает, и это именно то, о чем спрашивал ОП, его следует пометить как правильный ответ
Rui

1
Также не работает для меня с WebStorm. Страница открывается, но без инструментов разработчика.
Mörre

3
Это работает, но опция «Сохранить журналы» всегда отключена, и если всплывающее окно перенаправляет, оно не показывает предыдущие сетевые запросы. Любые идеи, как заставить это сохранять журналы по умолчанию?
timetofly

1
Это работает только для определенного подмножества случаев, см. Bugs.chromium.org/p/chromium/issues/detail?id=410958#c87 . Это не общее решение.
Лейн Реттиг

1
Не работает при запуске из VS Code с расширением отладки Chome.
ВанАльберт

80

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

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

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

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


1
Это определенно работает и, вероятно, должно быть помечено как принятый ответ сейчас. Проверен на хром Version 50.0.2661.102 Ubuntu 15.10 (64-bit)и открыл его вот такchromium-browser --auto-open-devtools-for-tabs
Ольга

6
Это не работает в Windows 7 версии 51.0.2704.103 м
PetroCliff

7
Полная команда для OS X: «Выйти из любого запущенного процесса Chrome первым»:/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane

2
Не работает над версией 59.0.3071.115 (официальная сборка) (64-разрядная версия)
Густаво Штраубе,

Работает в моем случае использования в отличие от ответа Святого.
Маркус Бартлен

28

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

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

Чтобы уточнить: это открывает Chrome с установленным auto-open-devtools-for-tabsфлагом. Выход из Chrome и повторное открытие с помощью обычного ярлыка приложения откроет Chrome без установленного флага. Если вы хотите, чтобы ярлык для открытия Chrome с этим флагом был установлен без необходимости открывать окно терминала, вы можете создать рабочий процесс в Automator, добавить элемент «Run Shell Script» и вставить его в вышеприведенный скрипт. Сохранение рабочего процесса как приложения создаст интерактивное приложение. Смотрите этот ответ в другой ветке: stackoverflow.com/a/281455/1512790
Рик

17

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

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


Лучший ответ ИМО
Чейз Миллер

2
хороший ответ, но объяснил для Linux: Перейти к консоли разработчика. Зайдите в меню гамбургеров. нажмите настройки (или f1). в разделе сети проверьте сохранение журнала. в разделе devtools проверьте автоматическое открытие devtools для всплывающих окон
JDPeckham

9

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


2
Если вы работаете в Windows или Linux
Джанфранко П.

1
чтобы нажать F12 на MacBook или Pro, вы должны выполнить FN + F12 (крайний левый крайний + верхний правый крайний), что неудобно для большинства пользователей клавиатуры
Сет МакКлейн

Отлично работает на Linux ... Еще одна причина для переключения. Сделал это на Mac Pro, он не идеален, но все же намного лучше, чем Apple OS
Рэй Фосс

5

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

настройка

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

детали настройки


4

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


4

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


В случае, если страница Code Project исчезнет: вы перейдете в раскрывающийся список «Выполнить», выберите «Обзор с помощью ...», «Добавить», программа выглядит примерно так: C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe и Аргументы: --auto-open-devtools-for-tabs -incognito (инкогнито необязательно)
Dustin_00

4

Если вы используете 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

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

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

  2. По направлению к вам справа будет «кнопка приостановки выполнения скрипта» Кнопка, выделенная на изображении, указанном по этой ссылке, является кнопкой выполнения скрипта, которую можно приостановить или воспроизвести по необходимости. Попробуйте сами

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

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


-6

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.