Вопросы с тегом «google-chrome-devtools»

Chrome DevTools - это инструменты для веб-разработчиков, встроенные в Google Chrome.

4
Проверять элемент, который появляется только тогда, когда другой элемент наводится / вводится мышью
Часто я хочу проверить элемент (например, всплывающую подсказку), который появляется только тогда, когда другой элемент наводится / вводится мышью. Появившийся элемент становится видимым через событие mouseenter в jQuery. Я не могу проверить всплывающую подсказку, так как всплывающая подсказка исчезает, когда моя мышь покидает содержащий элемент. Есть ли способ приостановить события …
1
Как отфильтровать (скрыть) предполетные запросы в моей сети Dev Tools
Обычно отображаются оба вызова, предполетный и фактический запрос. Иногда это раздражает. Есть ли способ скрыть предполетные запросы? Или есть плагин для фильтрации определенных запросов по заголовкам?
3
Как искать элементы DOM с помощью селекторов XPath или CSS в инструментах разработчика Chrome?
В документе http://code.google.com/chrome/devtools/docs/elements.html говорится, что он поддерживает селекторы XPath или CSS, но когда я попробовал, у меня не получилось. Кто-нибудь знает, как им пользоваться?
1
Chrome> = 24 - как закрепить инструменты разработчика вправо?
Мне нравится стыковать инструменты разработчика справа. Я помню, как был счастлив, когда впервые увидел эту опцию, когда понял, что мне больше не нужно разделять экран и позиционировать окна вручную. В последних версиях Chrome этот параметр, похоже, отсутствует. Даже в моих установках, где у меня уже есть инструменты разработчика справа, опция …
21
Проверить зависший элемент в Chrome?
Я пытаюсь просмотреть с помощью инструментов разработчика Chrome, как всплывающие подсказки структурированы на сайте. Однако, даже когда я наведен на элемент, когда я «проверяю элемент», для всплывающей подсказки в html ничего не отображается. Я знаю, что могу установить стиль :hover, но я все еще не вижу html или css всплывающей …
12
Как я могу просматривать сетевые запросы (для отладки) в React Native?
Я хотел бы просматривать свои сетевые запросы в React Native, чтобы помочь мне отлаживать - в идеале - на вкладке «Сеть» в инструментах разработчика Chrome. На GitHub есть несколько закрытых вопросов по этому поводу ( https://github.com/facebook/react-native/issues/4122 и https://github.com/facebook/react-native/issues/934 ), но я не Я их полностью понимаю. Похоже, мне нужно отменить …
9
«Осмотреть» элемент наведения?
Примечание: я читал похожие темы, но это не моя проблема - я могу щелкнуть правой кнопкой мыши по нему нормально, он просто исчезнет. Я нахожу "Inspect Element" бесценным инструментом в Chrome, однако во время моего последнего набега, когда я изучаю волшебные способы, которыми многие из вас уже владеют, я создал …
3
Как пользоваться палитрой цветов (пипеткой)?
В chrome dev tool есть очень полезный инструмент, который я только что обнаружил. Я даже не знаю его названия и не могу найти в гугле. Я бы сказал, что это инструмент инспектора пикселей. Я нахожу следующий способ его использования: 1а. Осмотрите элемент HTML с цветом фона. 1b. Определите цвет фона …
6
Как использовать веб-инспектор Chrome для просмотра кода наведения
Использование веб-инспектора хромов для просмотра кода очень полезно. Но как вы, например, просматриваете код наведения курсора для кнопки? Вам нужно будет навести указатель мыши на кнопку, и поэтому вы не сможете использовать ее (мышь) в инспекторе. Есть ли какие-либо ярлыки или другие способы сделать это в инспекторе?
3
Что такое теневой корень
В инструментах разработчика Google Chrome я вижу #shadow-rootсправа под <html lang="en">тегом. что он делает и для чего он используется? Я не вижу этого ни в Firefox, ни в IE; только в Chrome, это особенность? Если я открываю его, рядом с именем отображается <head>и <body>и ссылка reveal, при щелчке она указывает …
4
Как перейти к определенному файлу в Инструментах разработчика Chrome?
Я разрабатываю веб-приложение с тяжелым интерфейсом. Используя Dojo и AMD-way, у меня сейчас есть тестовые экраны, которые могут легко загружать более сотни различных файлов javascript. Когда я хочу отладить какую-либо конкретную проблему или проверить, вижу ли я старую версию определенного файла, мне очень сложно найти мои файлы на вкладке «Источники» …
2
Эмулятор Google Chrome Mobile: как отобразить экранную клавиатуру
Я отлаживаю мобильную версию нашего веб-сайта с помощью инструмента мобильной эмуляции Chrome, но не могу понять, как появляется экранная клавиатура при выборе текстового поля. Я нажал на текстовое поле, но клавиатура не появляется. Если я сделаю это на мобильном устройстве, появится метод ввода по умолчанию (клавиатура), который позволит мне печатать. …
3
Разбить javascript перед встроенным перенаправлением javascript в Chrome
Я просматриваю страницу со встроенным перенаправлением javascript ( window.location = "/anotherpage"). Я хочу загрузить страницу в Chrome, но у меня отключена строка перенаправления, поэтому я могу использовать страницу без перенаправления. Вот что я пробовал: Инструменты разработчика -> Cog -> Общие -> Отключить JavaScript. Загрузите страницу. Он не перенаправляет (ура!). Но …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.