Проектирование фильтра

Question

Проектирование фильтра

0

Вопрос не более уместен.

Я просто хотел добавить, что если кто-то столкнется с необходимостью фильтрации HTML, я бы предложил использовать MutationObserver (это был мой окончательный выбор..)

Michael 22 окт. 2013, в 00:18

Источник

Теги:

javascript

html

2 ответа

1

То, как я подхожу к этому, - через плагин jQuery/other framework. Я бы предложил вам взглянуть на некоторые плагины с подсветкой, которые доступны практически во всех средах. См. Здесь некоторые примеры выполнения подсветки.

По сути то, что вам нужно сделать, это выбрать heading теги p - теги и spans и перебираем каждый заменяющих плохих слов.

megawac 21 окт. 2013, в 20:01

0

Это не охватило бы все случаи, так как текст может быть в нетипичных элементах. И jQuery также будет медленнее в этом случае, чем использование нативного JavaScript, поскольку все должно быть сделано быстро, прежде чем пользователь увидит страницу.
mattsven 21 окт. 2013, в 21:53
0

Я главным образом указывал ему на jQuery, потому что подобные плагины уже есть и довольно легко понять
megawac 21 окт. 2013, в 21:55

Ещё вопросы

Это не охватило бы все случаи, так как текст может быть в нетипичных элементах. И jQuery также будет медленнее в этом случае, чем использование нативного JavaScript, поскольку все должно быть сделано быстро, прежде чем пользователь увидит страницу.
Я главным образом указывал ему на jQuery, потому что подобные плагины уже есть и довольно легко понять

mattsven · Accepted Answer · 2013-10-21T20-47-00.000Z

Читайте немного больше о DOM-манипуляциях, это поможет. Да, использование сценариев контента здесь - правильный путь. Вы захотите, чтобы ваш скрипт выполнялся на "document_start", который запускается до того, как Chrome начнет разбор DOM (таким образом, вы получите начальный старт, по существу). Вы могли бы сделать эту фильтрацию несколькими способами;

Просто используйте DOM как одну большую строку и удалите нужные слова. Тем не менее, это грязный способ eoing вещей, если что-то важное было названо после вашего слова (например, класс, имя тега или еще что-то), вы бы сломали DOM.
Перебирайте текстовые узлы (строки) в DOM, как только DOM будет готов, и замените и отредактируйте эти текстовые узлы.

Там учебники, подробно описывающие такие вещи, которые вы можете легко найти в Интернете, в соответствии с манипуляциями DOM и заменой текстового узла. В этой статье это гораздо более тесно и лучше, чем у меня здесь: Замена текста в DOM... решена?

И вот библиотека JS (от того же парня, который написал эту статью), которая практически выполняет всю тяжелую работу для вас: https://github.com/padolsey/findAndReplaceDOMText

Большое спасибо за ваш ответ, я рад узнать, что контентные скрипты - это путь (я задавался вопросом о внедряемых скриптах \ коде расширения). Я прочитаю прилагаемые уроки и попробую :)