☰

Есть ли способ выделить текст, соответствующий регулярному выражению в Chrome, даже при перенаправлении страницы?

tag-icon • tag-icon google-chrome regex
Есть ли способ выделить текст, соответствующий регулярному выражению в Chrome, даже при перенаправлении страницы?

Есть ли способ выделить все слова, написанные ЗАГЛАВНЫМИ БУКВАМИ, при загрузке определенных страниц в Chrome?

В идеале решение должно работать на текущей странице, а когда я нажимаю кнопку формы, оно должно автоматически работать и на последующих страницах.

Какие-либо предложения?

решение1

Редактировать

Загрузить расширениеЗдесь. Инструкции по установке такие же, как и инструкции, найденныездесь

Это расширение просто выделяет все заглавные слова на странице.

Остальная часть ответа

Я полагаю, вы имеете в виду, что это будет происходить на стороне пользователя, верно?

Я бы лично создал простое расширение Chrome для этой задачи, возможно, потому что мне нравится делать все длинным путем. И я почти уверен, что в Chrome нет функции, позволяющей это сделать (простите, если я не прав).

Расширения Chrome очень легко создавать, так что не бойтесь. Вот небольшая штука, которую я только что состряпал, она выделяет все слова заглавными буквами на странице, с переключателем вкл/выкл.

Как это будет работать

Это небольшое расширение Chrome будет работать в фоновом режиме на всех страницах и выделять каждое слово, которое длиннее двух букв и написано заглавными буквами, желтым фоном. Оно будет работать на каждой странице и может быть отключено с помощью функции «включить/отключить» в менеджере расширений Chrome. Для работы оно использует очень простой скрипт Jquery.

Первый шаг

Вам нужно создать папку где-нибудь на жестком диске для всех файлов. Я назвал ее "capshighlighter"

Шаг второй

Добавьте несколько файлов в эту папку с помощью Блокнота. Откройте Блокнот, нажмите «сохранить как» на пустом документе и сохраните его как manifest.json.

Создайте еще один файл с именем jquery.jsи еще один с именемmyscript.js

Шаг третий

Добавьте следующее кmanifest.json

{
    "manifest_version": 2,
    "name": "Capslight",
    "description": "Highlight capital words",
    "version": "1.0",
"content_scripts": 
    [
        {
            "matches": ["http://*/*","https://*/*"],
            "js":["jquery.js", "myscript.js"],
            "run_at": "document_end"
        }
    ]

}

Необязательный

Чтобы разрешить запуск этого скрипта только на определенных страницах, измените значение matchesв файле maifest.json. Разделяйте каждую страницу запятой. Например, если вы хотите, чтобы скрипт запускался только на Stackoverflow, Superuser и Google, вы должны сделать следующее:

"matches": ["http://www.stackoverflow.com/*","http://www.superuser.com/*","https://google.co.uk/*"],

Примечание

Убедитесь, что вы используете правильный "http" или "https" для URL-адресов, с которыми вы хотите, чтобы он работал. Лучшим способом сделать это было бы вставить URL-адрес как ссылку "http" И ссылку "https". Не забудьте *также после завершающего слеша. Если это покажется слишком сложным, лучше всего будет просто использовать оригинальный manifest.jsonфайл, который я напечатал выше, и просто отключать расширение, когда оно вам не нужно.

Следующий

Добавьте Jquery 2.1 в jquery.js. Для этого вы можете просто скопировать и вставить все изЭта ссылка

Окончательно

Добавьте следующее кmyscript.js

$('body').each(function(){
    var pattern = /([A-Z]{3,})/g;
    var before = '<span style="background: yellow;">';
    var after = '</span>';
    $(this).html($(this).html().replace(pattern, before+"$1"+after));
});

Шаг четвертый — добавление в Chrome

Вы успешно создали работающее расширение (я уверен, вы никогда не думали, что сделаете это сегодня). Теперь вам просто нужно добавить его в Chrome. Для этого перейдите chrome://extensionsи отметьте галочкой поле «режим разработчика». Затем нажмите «загрузить распакованное расширение» и выберите папку, в которой хранятся эти три файла. Расширение начнет работать в тот момент, когда вы загрузите страницу. Чтобы отключить расширение, просто снимите галочку с поля на странице chrome://extensions.

Я очень надеюсь, что это то, что вы хотели. Несмотря на это, это было весело делать ;)

решение2

Я нашел это расширение очень полезным для подсветки регулярных выражений и анализа журналов:

https://chrome.google.com/webstore/detail/rex-regex-highlight-or-co/eejlhekkafpkffbhpidchepheodkgnib

Вы можете настроить его для выделения выбранного вами текста на страницах, и он автоматически применит эту конфигурацию к выбранным доменам.

Пример конфигурации

Связанный контент