Подтвердить что ты не робот

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

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

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

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

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

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

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

4b9b3361

Ответ 1

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

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

Ответ 2

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

Btw. поскольку Firebug 2.0 вы также можете искать в с помощью селекторов CSS (дополнительно к обычным текстовым поискам).

Ответ 3

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

Ctrl + G, чтобы найти следующий, Ctrl + Shift + G, чтобы найти предыдущий.

Ответ 4

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

Ответ 5

См. ответ.

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

  • Щелкните правой кнопкой мыши на странице где-либо
  • Выберите "Просмотр источника"

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