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


по данным Google этой Вам предстоит выполнить при посещении "хром инструменты разработчика://инструменты разработчика/инструменты разработчика.html " в Chrome, но теперь, посетив эту страницу в стабильной версии Chrome (или Canary), просто показывает 99% лишенную версию инспектора.

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

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

4 58

4 ответа:

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

  1. пресс команда+опции+Я (Ctrl+Shift+Я на Windows), чтобы открыть DevTools.
  2. убедитесь, что инструменты разработчика отстыкованы в новом окне. Возможно, вам придется отстыковаться от меню:Undock from menu

  3. пресс команда+опции+Я снова в этом новом окне.

  4. открыть инструменты разработчика в инструментах разработчика.
    • вы можете заблокировать DevTools страницы, если хотите.
  5. если это еще не так, выберите элементов - это первый значок в верхней части инспектора.

немного выходит за рамки вашего вопроса, но все еще действителен в понимании того, почему вы испытываете вашу проблему можно найти по понимая, как Инструменты Разработчика Chrome: Удаленная Отладка строительство.

  1. открыть chrome: / / inspect
  2. откройте инспектор на этой странице (cmd + alt + i)
  3. прокрутите страницу вниз, под Other раздел нажмите на ссылку проверить

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

EDIT: они придумали chrome:проверьте страницу, так что вы должны нажать на другую заголовок слева, чтобы заставить это работать сейчас.

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

Edit: хорошо, вы, вероятно, смущены, чтобы отстыковать окно. Это то, что вы нажмете, если он пристыкован..enter image description here

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

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

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

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

на windows, его

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

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

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

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

теперь, идите вперед и перейдите к

http://localhost:9222

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

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

Inspect the inspector