Як я можу шукати регулярні вирази на веб-сторінках за допомогою Google Chrome або IE?

Як я можу шукати регулярні вирази на зразок "foo | bar" на веб-сторінках за допомогою Google Chrome або IE? Мені відомо про розширення "Regular Expression Searcher", але це не працює для мене. (Нічого не відбувається, коли я потрапляю на косу рису.) Огляди в веб-магазині вказують на те, що це поширена проблема багатьох користувачів.

Використання Javascript для узгодження регулярних виразів

Можливо, ви хочете спробувати це на консолі хрому:

var p=/.*(regu).+?\ /gi; console.log( document.body.innerText.match(p) );

Просто відкрийте консоль , скопіюйте та вставте зверху, щоб консоль і натисніть enter. Ви можете протестувати його тут, на цій сторінці.
Це можна покращити, якщо воно підходить.

Тут ми друкуємо для консолі відповідності індексів та відповідного тексту. Тут ми намагаємось зіставити текст, який містить regu, 20 символів до (або менше, якщо початок рядка) та 10 символів після (або менше, якщо eol).

var p=/.{0,20}regu[^ \n]+[^\n]{0,10}/gi;
while (m = p.exec(document.body.innerText)) { 
    console.log( 'Index: '+m.index+' Match: '+m ); }

Спробуйте також, це пофарбує фон усіх збігів на сторінці червоного кольору , rexexp не є ідеальним, але, принаймні, він не повинен возитися з тегами HTML:

var p=/(\>{1}[^\n\<]*?)([^\n\<]{0,30}regu[^\n\<]{0,10})/gi,b=document.body;
b.innerHTML=b.innerHTML.replace(p,'$1<span style="background-color:red;">$2</span>');

Закладка на це:

Ще один спосіб використовувати це через javascript:протокол (той самий код, що і трохи вище):

javascript:(function(){var p=/(\>{1}[^\n\<]*?)([^\n\<]{0,30}regu[^\n\<]{0,10})/gi,b=document.body;b.innerHTML=b.innerHTML.replace(p,'$1<span style="background-color:red;">$2</span>');})();

Наприклад, за допомогою javascript:протоколу можна вставити невелике поле пошуку на будь-яку веб-сторінку для пошуку в regexp.
Я думаю, що ви вже знаєте, що простий регулярний вираз також може використовуватися для видалення червоних збігів зі сторінки.
Якщо я продовжую розробляти це ще кілька годин, у нас може з’явитися пошуковий плагін, який підходить для закладки :)

Регулярний пошук виразів із Google Chrome.

Проста утиліта пошуку, яка дозволяє шукати веб-сторінку за допомогою регулярного вираження.

Особливості в стадії розробки

• перемикання знайдених результатів
• покращений інтерфейс користувача
• перемикання між чутливістю до регістру
• створити ярлик для перемикання розширення
• Дозволити натискання клавіші "Enter" під час пошуку (замість натискання на кнопку пошуку)

Важливі примітки
Це розширення дії на сторінці, тому воно не працюватиме відразу на сторінці, яку ви вже відкрили. Рекомендую перезапустити веб-переглядач, перш ніж почати використовувати це розширення. Ви також можете спробувати оновити відкриту сторінку.

Розширення Find + має хороші відгуки та про нього ще не згадувалося: https://chrome.google.com/webstore/detail/find%20-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb?hl=en-US

Я спробував це, і він працює дуже добре і має чіткий, простий інтерфейс користувача.

Він може шукати текст у елементах HTML. Інші, що я намагався, не змогли цього зробити.

Інші згадані розширення не працювали для мене, тому я написав власне розширення з відкритим кодом для хрому, яке ви можете спробувати тут: https://chrome.google.com/webstore/detail/regex-search/bcdabfmndggphffkchfdcekcokmbnkjl?hl = en & gl = США

Вихідний код доступний на github: https://github.com/gsingh93/regex-search

У режимі Інструменти для розробників Chrome введіть ctrl+ shift+ F(у Windows, не впевнені в інших ОС).

Існує опція reg-ex для пошуку. Це буде шукати всі файли, тому він буде включати джерело JavaScript. Я не впевнений (як) ви можете обмежити його лише HTML.

У Chrome на macOS утримуйте Alt+ Command+, Iщоб відкрити Інструменти для розробників, виберіть вихідний код HTML для сторінки (на вкладці "Джерела"), утримуйте Command+ Fдля пошуку та виберіть .*символ (Regex).

Якщо вам потрібно шукати лише текст, ви можете використовувати pandoc для перетворення HTML у звичайний текст:

$ pandoc https://superuser.com/questions/417875 -t plain -o tmp.txt

А потім використовуйте lessдля пошуку за допомогою Regex (пошук за допомогою /).

Насправді не пошук, але я знайшов цей підсвічувач для регулярних викидів (який я десь знайшов) досить корисним і працює для всіх браузерів.

javascript:(function(){var%20count=0,%20text,%20regexp;text=prompt(%22Search%20regexp:%22,%20%22%22);if(text==null%20||%20text.length==0)return;try{regexp=new%20RegExp(%22(%22%20+%20text%20+%22)%22,%20%22i%22);}catch(er){alert(%22Unable%20to%20create%20regular%20expression%20using%20text%20'%22+text+%22'.\n\n%22+er);return;}function%20searchWithinNode(node,%20re){var%20pos,%20skip,%20spannode,%20middlebit,%20endbit,%20middleclone;skip=0;if(%20node.nodeType==3%20){pos=node.data.search(re);if(pos%3E=0){spannode=document.createElement(%22SPAN%22);spannode.style.backgroundColor=%22yellow%22;middlebit=node.splitText(pos);endbit=middlebit.splitText(RegExp.$1.length);middleclone=middlebit.cloneNode(true);spannode.appendChild(middleclone);middlebit.parentNode.replaceChild(spannode,middlebit);++count;skip=1;}}else%20if(%20node.nodeType==1%20&&%20node.childNodes%20&&%20node.tagName.toUpperCase()!=%22SCRIPT%22%20&&%20node.tagName.toUpperCase!=%22STYLE%22){for%20(var%20child=0;%20child%20%3C%20node.childNodes.length;%20++child){child=child+searchWithinNode(node.childNodes[child],%20re);}}return%20skip;}window.status=%22Searching%20for%20%22+regexp+%22...%22;searchWithinNode(document.body,%20regexp);window.status=%22Found%20%22+count+%22%20match%22+(count==1?%22%22:%22es%22)+%22%20for%20%22+regexp+%22.%22;})();

Я хотів би запропонувати цей плагін Chrome.

Перейдіть до javascript: void ((функція () {b = document.body; b.innerHTML = b.innerHTML.replace (новий RegExp ("(> {1} [^ \ n \ <] *?) ([^ \ n \ <] {0,30} "+ підказка (" Будь-ласка, введіть регулярний вираз для пошуку. ") +" [^ \ n \ <] {0,10}) "," g "), '$ 1' + підказка ("Будь ласка, введіть текст для розміщення до подій.") + "$ 2" + підказка ("Будь ласка, введіть текст для розміщення після подій. '))}) ()) ".