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

119
Проверять элемент, который появляется только тогда, когда другой элемент наводится / вводится мышью

Часто я хочу проверить элемент (например, всплывающую подсказку), который появляется только тогда, когда другой элемент наводится / вводится мышью. Появившийся элемент становится видимым через событие mouseenter в jQuery. Я не могу проверить всплывающую подсказку, так как всплывающая подсказка...

117
Как отфильтровать (скрыть) предполетные запросы в моей сети Dev Tools

Обычно отображаются оба вызова, предполетный и фактический запрос. Иногда это раздражает. Есть ли способ скрыть предполетные запросы? Или есть плагин для фильтрации определенных запросов по...

116
Как искать элементы DOM с помощью селекторов XPath или CSS в инструментах разработчика Chrome?

В документе http://code.google.com/chrome/devtools/docs/elements.html говорится, что он поддерживает селекторы XPath или CSS, но когда я попробовал, у меня не получилось. Кто-нибудь знает, как им...

112
Chrome> = 24 - как закрепить инструменты разработчика вправо?

Мне нравится стыковать инструменты разработчика справа. Я помню, как был счастлив, когда впервые увидел эту опцию, когда понял, что мне больше не нужно разделять экран и позиционировать окна вручную. В последних версиях Chrome этот параметр, похоже, отсутствует. Даже в моих установках, где у меня...

108
Проверить зависший элемент в Chrome?

Я пытаюсь просмотреть с помощью инструментов разработчика Chrome, как всплывающие подсказки структурированы на сайте. Однако, даже когда я наведен на элемент, когда я «проверяю элемент», для всплывающей подсказки в html ничего не отображается. Я знаю, что могу установить стиль :hover, но я все еще...

105
Как я могу просматривать сетевые запросы (для отладки) в React Native?

Я хотел бы просматривать свои сетевые запросы в React Native, чтобы помочь мне отлаживать - в идеале - на вкладке «Сеть» в инструментах разработчика Chrome. На GitHub есть несколько закрытых вопросов по этому поводу ( https://github.com/facebook/react-native/issues/4122 и...

102
Как пользоваться палитрой цветов (пипеткой)?

В chrome dev tool есть очень полезный инструмент, который я только что обнаружил. Я даже не знаю его названия и не могу найти в гугле. Я бы сказал, что это инструмент инспектора пикселей. Я нахожу следующий способ его использования: 1а. Осмотрите элемент HTML с цветом фона. 1b. Определите цвет...

102
«Осмотреть» элемент наведения?

Примечание: я читал похожие темы, но это не моя проблема - я могу щелкнуть правой кнопкой мыши по нему нормально, он просто исчезнет. Я нахожу "Inspect Element" бесценным инструментом в Chrome, однако во время моего последнего набега, когда я изучаю волшебные способы, которыми многие из вас уже...

99
Что такое теневой корень

В инструментах разработчика Google Chrome я вижу #shadow-rootсправа под <html lang="en">тегом. что он делает и для чего он используется? Я не вижу этого ни в Firefox, ни в IE; только в Chrome, это особенность? Если я открываю его, рядом с именем отображается <head>и <body>и...

99
Как использовать веб-инспектор Chrome для просмотра кода наведения

Использование веб-инспектора хромов для просмотра кода очень полезно. Но как вы, например, просматриваете код наведения курсора для кнопки? Вам нужно будет навести указатель мыши на кнопку, и поэтому вы не сможете использовать ее (мышь) в инспекторе. Есть ли какие-либо ярлыки или другие способы...

98
Как перейти к определенному файлу в Инструментах разработчика Chrome?

Я разрабатываю веб-приложение с тяжелым интерфейсом. Используя Dojo и AMD-way, у меня сейчас есть тестовые экраны, которые могут легко загружать более сотни различных файлов javascript. Когда я хочу отладить какую-либо конкретную проблему или проверить, вижу ли я старую версию определенного файла,...

97
Эмулятор Google Chrome Mobile: как отобразить экранную клавиатуру

Я отлаживаю мобильную версию нашего веб-сайта с помощью инструмента мобильной эмуляции Chrome, но не могу понять, как появляется экранная клавиатура при выборе текстового поля. Я нажал на текстовое поле, но клавиатура не появляется. Если я сделаю это на мобильном устройстве, появится метод ввода...

94
Разбить javascript перед встроенным перенаправлением javascript в Chrome

Я просматриваю страницу со встроенным перенаправлением javascript ( window.location = "/anotherpage"). Я хочу загрузить страницу в Chrome, но у меня отключена строка перенаправления, поэтому я могу использовать страницу без перенаправления. Вот что я пробовал: Инструменты разработчика -> Cog...

93
Что означает, когда в Chrome Dev Tools вычисленное свойство отображается серым цветом

Обратите внимание, не на панель «Стили» (я знаю, что в данном контексте выделено серым цветом - не применяется), а на следующую панель, панель «Вычисленные свойства». Что означает, когда вычисляемое свойство отображается серым цветом? Пример:...

92
Как я могу проверить и настроить: до и: после псевдоэлементов в браузере?

Я создал несколько довольно сложных элементов DOM с псевдоэлементом: after, и я хотел бы иметь возможность проверять и настраивать их в Chrome Inspector, Firebug или аналогичном. Несмотря на то, что эта функция упоминается в этом сообщении блога WebKit / Safari (датированном 2010 годом), я не могу...

89
Почему Chrome Dev Tool показывает даты __proto__ как недопустимую дату?

Я знаю, что __proto__это устарело (или не является частью стандарта) и все такое, но мне все еще любопытно, что это значит, когда он говорит о недопустимой дате, когда я смотрю на __proto__значение .. var myDate = new Date(1331869050000);...

87
Могу ли я программно открыть инструменты разработчика из расширения Google Chrome?

У меня есть расширение Chrome, которое подключается к инструментам разработчика. В идеале мне нужен значок, который при нажатии открывает инструменты разработчика на новой вкладке, которую я создал. Есть ли способ сделать это на фоновой странице?...