Автоматично відкривати інструменти для розробників Chrome, коли відкривається нова вкладка / нове вікно

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

Чи є спосіб відкрити інструменти для розробників автоматично, коли відкриється нове вікно в Chrome?

ОНОВЛЕННЯ 2:

Дивіться цю відповідь . - 2019-11-05

Тепер ви також можете його автоматично відкрити Інструменти для розробників у спливаючих вікнах, якщо вони були відкриті, звідки ви їх відкрили. Наприклад, якщо у вас немає відкритих інструментів Dev і ви отримуєте спливаюче вікно, воно не відкриється за допомогою інструментів Dev. Але якщо у вас відкриті інструменти Dev, а потім ви щось натискаєте, спливаюче вікно буде автоматично відкрито Dev-Tools.

ОНОВЛЕННЯ:

Час змінився, тепер ви можете використовувати --auto-open-devtools-for-tabs, як у цій відповіді - Wouter Huysentruit 18 травня о 11:08

ОП:

Я розігрувався зі стартовим рядком для Chrome on Execute, але не зміг змусити його зберігати нові вкладки.
Я також думав про визначений метод 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

Ось корисне посилання: перемикачі Chrome-командного рядка

На Mac: Закрийте Chrome, а потім запустіть таку команду у вікні терміналу:

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

У налаштуваннях Chrome DevTools ви вмикаєте:

У розділі Мережа -> Зберегти журнал під DevTools -> Автоматично відкрити DevTools для спливаючих вікон

F12 простіше, ніж Ctrl + Shift + I

Коли видно вікно Інструменти для розробників, натисніть значок меню (три вертикальні точки у верхньому правому куті) та натисніть Налаштування .

У розділі Інструменти розробника перевірте опцію Автовідкрити програму DevTools для спливаючих вікон

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

Кожен, хто хоче зробити це всередині Visual Studio, допоможе ця стаття проекту Code Code . Просто додайте "--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прапор під час запуску хрому з командного рядка

/ Програми / 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.