Запитання з тегом «google-chrome-devtools»

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

4
Перевірте елемент, який з’являється лише тоді, коли інший елемент переоцінений / введений мишею
Часто я хочу перевірити елемент (наприклад, підказку), який з’являється лише тоді, коли інший елемент переоцінений / введений мишею. Елемент, що з'являється, стає видимим через подія мишіцентру jQuery. Я не можу перевірити підказку, оскільки підказка зникає, коли моя миша залишає елемент, що містить. Чи є спосіб призупинити події JS, щоб я …
1
Як фільтрувати (приховувати) запити перед польотом у моїй Мережі Dev Tools
Зазвичай відображаються обидва дзвінки, перед польотом та фактичний запит. Це іноді дратує. Чи є спосіб приховати запити перед перельотом? Або є плагін для фільтрації певних запитів на основі заголовків?
3
Як шукати елементи DOM за допомогою селекторів XPath або CSS в Інструментах для розробників Chrome?
Документ http://code.google.com/chrome/devtools/docs/elements.html каже, що він підтримує XPath або CSS-селектори, але коли я спробував, здається, це не працює для мене. Хтось знає, як ним користуватися?
1
Chrome> = 24 - як з'єднати devtools праворуч?
Мені подобається стикувати девтоли праворуч. Я пам’ятаю, як я був щасливим, коли вперше побачив цей варіант, коли зрозумів, що більше не треба розділяти вікна екрана та позиціонувати вручну. В останніх версіях хрому ця опція, здається, відсутня. Навіть у моїх установках, де у мене вже є devtools праворуч, параметр видаляється. Куди …
20
Оглянути елемент, що наближається в 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
"Оглянути" елемент наведення?
Примітка: я читав подібні теми, але жодна не зовсім моя проблема - я можу клацнути правою кнопкою миші її, вона просто зникає. Я вважаю, що "Огляньте елемент" безцінним інструментом у Chrome, проте мій останній набіг, коли я дізнаюся про чарівні способи, з яких багато хто з вас уже має, побачив, …
6
Як використовувати хромований веб-інспектор для перегляду коду наведення
Використання веб-інспектора хромів для перегляду коду дуже корисно. Але як ви бачите, наприклад, код наведення для кнопки? Вам доведеться навести курсор миші на кнопку і, отже, не можна використовувати її (мишку) у інспектора. Чи є ярлики чи інші способи цього досягти у інспектора?
3
Що таке тіньовий корінь
В Інструментах розробника Google Chrome я бачу #shadow-rootправоруч <html lang="en">тег. що він робить і для чого він використовується? Я не бачу цього ні в Firefox, ні в IE; лише в Chrome, це особлива функція? Якщо я його відкрию, він показує <head>і, <body>і посилання поруч із іменем reveal, натискаючи, вказує на …
4
Як перейти до певного файлу в Інструментах розробника Chrome?
Я розробляю веб-додаток із суворим інтерфейсним підходом. Використовуючи Dojo та AMD-way, я наразі маю тестові екрани, які можуть легко завантажити понад сотню різних файлів javascript. Коли я хочу налагодити будь-яку конкретну проблему або перевірити, чи не бачу я стару версію певного файлу, мені дуже важко знайти свої файли на вкладці …
3
Як користуватися засобом підбору кольорів (крапелька для очей)?
Є дуже корисний інструмент, вбудований у інструмент хромованого розробника, який я щойно виявив. Я навіть не знаю його назви, і я не в змозі знайти його в google. Я б сказав, що це піксельний інструмент інспектора. Я знаходжу такий спосіб, як ним користуватися: 1а. Перевірте html-елемент із кольором тла. 1б. …
2
Мобільний емулятор Google Chrome: Як показати на екранній клавіатурі
Я налагоджую мобільну версію нашого веб-сайту за допомогою інструмента мобільної емуляції Chrome, але не можу зрозуміти, як з’явиться екранна клавіатура під час вибору текстового поля. Я натиснув на текстове поле, але жодна клавіатура не вискакує. Якщо я роблю це на мобільному пристрої, з’являється метод введення за замовчуванням (клавіатура), який дозволяє …
1
Що це означає, коли Chrome Dev Tools показує обчислене властивість сірим
Зверніть увагу, не панель «Стилі» (я знаю, що означає «сіре» в цьому контексті - не застосовується), а наступна панель, панель «Обчислювані властивості». Що означає, коли обчислювана властивість відображається сірим? Приклад:
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.