Как сделать простой поиск в Firefox DevTools ' Inspector tab?

Я использую Firefox DevTools и я использую инспектора вкладка, в которой отображается дерево HTML.

когда я использую Search HTML функция, она только ищет теги. Итак, предположим, у меня есть:

<div class="lol">textinsidediv</div>

и когда я ищу "div", он возвращает <div> соответственно. Однако, если я ищу "textinside" , он не соответствует тексту внутри контента, несмотря на то, что он начинается правильно там.

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

(В противоположность Firebug выполняет простой текстовый поиск, как и ожидалось.)

29
dom firefox firefox-developer-tools search

6 ответов

это не какой-то действительно бесполезный поиск тегов html, он фактически ищет селекторы CSS (то же, что вы используете с css, querySelector в Javascript или jQuery selector)

Так что вы можете искать #id, пройдите через все элементы определенного класса, выполнив поиск .class, вы даже можете искать все элементы с атрибутом, включая текст, например [class*="o"] должен давать все элементы с буквой o в атрибуте класса. Это полезно для того, что дизайнеры/разработчики хотят найти - найти текст, вы можете Ctrl+F на странице, щелкните правой кнопкой мыши, Проинспектировать элемент.

7

поиск в инспектора панель Firefox DevTools позволяет искать текстовый контент с Firefox 45 (см. ошибка 835896).

кстати. начиная с Firebug 2.0 вы также можете искать в HTML-код панель использование селекторов CSS (дополнительно к текстовому поиску).

12

хорошей идеей является копирование внутреннего HTML, но еще лучше редактировать как HTML. Это вызывает панель на месте, отображающую полный текст, и ее можно искать с помощью Ctrl+F или cmd+F.

Ctrl+G найти далее Ctrl+ Shift+G найти предыдущий.

5

обходной путь: в инспекторе щелкните правой кнопкой мыши самый внешний тег, затем нажмите "Копировать внутренний HTML". Вставьте в текстовый процессор и найдите там.

3
0

посмотреть ответ.

в качестве альтернативы поиску в инструментах dev...

  • щелкните правой кнопкой мыши на странице в любом месте
  • Выберите Вид Источника

в представлении источника вы можете легко выполнить текстовый поиск, выполнив ctrl/f или cmd/f если на mac.

0