Как вы проверяете веб-инспектора в хроме?

По словам Google, это можно сделать, посетив "Chrome-devtools://devtools/devtools.html" в Chrome, но теперь посетив эту страницу в стабильной версии Chrome (или Canary), просто показывает 99% версии инспектора.

Чтобы повторить мой "заголовок", это относится к "проверке" инспектора. Не просто проверка обычной веб-страницы. Это скриншот: http://cl.ly/JFzc

И хотя я не думаю, что это необходимо знать, чтобы решить эту проблему, я проверяю инспектора, чтобы я мог его разучить, как обсуждал Пол Ирланд и здесь: http://darcyclarke.me/design/skin-your-chrome-inspector/

Ответ 1

Следуйте этим простым шагам!

Нажмите Command + Option + i (Ctrl + Shift + i в Windows), чтобы открыть DevTools.
Убедитесь, что инструменты разработчика отстыкованы в новом окне. Возможно, вам придется отстыковать из меню:
В этом новом окне снова нажмите Command + Option + i.
Это откроет DevTools на DevTools.
- Если вы хотите, вы можете переделать страницу DevTools.
Если это еще не сделано, выберите Элементы - это первый значок в верхней части инспектора.

Немного выйдя за рамки вашего вопроса, но все же действуя в понимании того, почему вы испытываете свою проблему, можно найти, поняв, как Chrome Developer Tools: Remote Отладка работает.

Ответ 2

Открыть хром://проверить
Откройте инспектор на этой странице (cmd + alt + i)
Прокрутите страницу вниз, в разделе Other щелкните ссылку проверки

URL-адрес в разделе Other должен выглядеть примерно так: chrome-devtools://devtools/devtools.html? docked = true & dockSide = bottom & toolbarColor = rgba (230,230,230,1...

РЕДАКТИРОВАТЬ: они просмотрели страницу chrome: проверьте страницу, поэтому вам нужно щелкнуть заголовок Other слева, чтобы заставить это работать сейчас.

Ответ 3

Несколько недель назад кто-то указал на это в чате "javscript" в stackoverflow. Во-первых, и очень важно, убедитесь, что инспектор отсоединен от вашего окна браузера. Тогда это просто вопрос открытия окна инспектора, а затем проверка этого окна. В Windows это Ctrl Shift I (Edit: Я сказал, Ctrl Shift I, но это вызывает консоль, проверяющую консоль... вы должны иметь возможность перемещаться вперед и назад.) для сочетания клавиш. (Другие комбинации клавиш для других опций и ОС здесь и здесь.) Просто сделайте это дважды, и вы хорошо.

Изменить: хорошо, вы, вероятно, путаетесь, чтобы открепить окно. Это то, что вы нажмете, если он состыкован.

Edit II: Я не совсем уверен, почему вы не можете проверить. Ответ JDavis соответствует документам Google Docs для Apple. Если вы используете Linux, это похоже на Windows. Вы должны нажать комбинацию клавишного контролера, когда фокус находится над окном инспектора.

Ответ 4

Я просто получил это, чтобы работать. Ключ в том, что вам нужно запустить chrome в режиме "Удаленная отладка".

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

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

В окнах,

chrome.exe --remote-debugging-port=9222

(лучшие инструкции по окнам можно найти здесь: https://developers.google.com/chrome-developer-tools/docs/remote-debugging#remote)

Это запустит экземпляр chrome, который отправит сообщения отладки локальному веб-серверу на порт 9222.

Если вы получаете доступ к этой веб-службе, это даст вам возможность использовать инспектора для проверки любого работающего хромированного окна. Поскольку мы хотим проверить инспектора, нам нужно сначала запустить окно инспектора (как указано выше. Используйте сочетания клавиш, для Mac - это команда + опция + i.)

Теперь перейдите к

http://localhost:9222

Он представит вам список окон, отображаемых в отладчике. Выберите окно, начинающееся с "Инструменты разработчика", и вы сможете проверить css для инспектора.

Его трудно увидеть на изображении ниже, но слева у меня есть хромированное окно, указывающее на удаленный отладчик, выделяя одну из ярлыков на панели инструментов. Справа вы видите, что он загорелся всплывающей подсказкой так же, как если бы мы отлаживали веб-страницу.