Возможно ли в браузере подсветить/выделить нужные слова в тексте страницы?

Question

[janraev]

Приветствую!

Возможно ли в браузере Хром или Файрфокс выделить определенный текст нужным цветом? По поводу "поиска" браузера, который подсвечивает искомые слова мне известно. Нужно, чтобы выделялись несколько слов или словосочетания. Если возможно, как это сделать?

Answer 1

[AngReload]

То есть как поиск, только сразу несколько вариантов слов?
Наверное, вам нужен поиск по регулярным выражениям:
https://chrome.google.com/webstore/detail/chrome-r...
https://addons.mozilla.org/ru/firefox/addon/regexs...
Простой регэксп на несколько слов выглядит так: Хром|Файрфокс|ещё что-то. Слова разделяются вертикальной чертой. Статья для начинающих - https://tproger.ru/articles/regexp-for-beginners/

Comments

[janraev]

То, что надо. Благодарю!

[uRoot]

janraev, еще есть такой сайт: https://regex101.com/
который позволит вам сгенерировать необходимую регулярку сразу в рабочий код, перед этим потестив.

[AngReload]

Denny Schwarz, мне ещё нравится такой построитель схемы регэкспа:
https://regexper.com/#Хром|Файрфокс|ещё что-то

[uRoot]

AngReload, хех, забавный сервис

Answer 2

[Роман]

Лови :)



PS: чуть поменял, цикл был не нужен)

Comments

[Артём]

А зачем цикл?

[Роман]

Nexus94, да да, я тоже вспомнил )))
просто когда join добавил - забыл цикл убрать

[janraev]

Роман, Артём, более подходящий вариант дал AngReload. Ваш тоже, думаю, пригодится. Благодарю!

Answer 3

[Алексей Уколов]

Текст <span style="color: red">нужный</span> текст не<span style="color: red">нужный</span> текст.

#какойвопростакойиответ

Answer 4

[JerryGreen]

Возможно. Пример:
https://qna.habr.com/q/571574#:~:text=Возможно&tex...

Полная документация:
https://web.dev/text-fragments/