Можно ли одновременно просматривать несколько панелей Chrome devtools?

Есть ли способ одновременного просмотра нескольких панелей Chrome devtools? Разделенное окно, как этот макет, будет приятным:

mockup of split-window devtools panels

Или в отдельных окнах.

Было бы очень полезно иметь возможность одновременно просматривать панель "Источники" и "Панель сети", чтобы точно видеть, когда сетевые запросы запускаются при выполнении кода.

Консоль можно вытащить, находясь внутри любой другой панели, нажав console button или нажав esc, так почему бы не другие панели?

Я не нашел многого из поиска, но возможно это возможно с расширением devtools.

Это уже существует? Если нет, возможно ли это?

Ответы

Ответ 1

Я считаю, что это ограничение тоже разочаровывает, все остальные мониторы потрачены впустую! Вот бедное решение человека:

  • запустите Chrome с параметром командной строки --remote-debugging-port=9999
  • щелкните правой кнопкой мыши на своей странице для отладки и выберите "Проверить элемент" - это ваше окно отладки # 1
  • откройте отдельное окно Chrome и перейдите к chrome://inspect
  • нажмите "Настроить..." и добавьте localhost:9999
  • в течение нескольких секунд в разделе "Удаленные цели" вы увидите вкладки, которые вы можете просмотреть из другого экземпляра Chrome.
  • нажмите на вкладку, и теперь это ваше окно отладки # 2

separate windows chrome developer panels

Несвязанный совет: общесистемный опыт работы в ночном режиме: http://danielsokolowski.blogspot.com/2018/11/windows-10-8-7-night-mode.html

Ответ 2

В Chrome Canary 33.0.1732.0 есть эксперимент "Показать редактор в ящике". Редактор появляется всякий раз, когда вы нажимаете какой-либо якорь на исходный код в DevTools. Editor in drawer experiment