91

How can I search for regular expressions like 'foo|bar' on webpages using Google Chrome or IE? I'm aware of the "Regular Expression Searcher" extension, but it does not work for me. (Nothing happens when I hit slash.) The reviews on the web store indicate that this is a common problem for many users.

2
  • 1
    You don't use Firefox, but you might find one of its add-ons interesting: deeper web deeperweb.com It doesn't do REs, but it does assist finer grained searching. If you're really desperate, you could always save the source of a web page and then search it with a utility or editor that does support REs, but that would be pretty ugly.
    – Joe
    Apr 30, 2012 at 18:41
  • maybe use NotePad++ as external editor for web pages. There you can search for regexps.
    – alfred
    May 11, 2012 at 14:53

9 Answers 9

53

Using Javascript to match regular expressions

Maybe you want try this at chrome's console:

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

Just open console, copy and paste above to console and hit enter. You can test it here at this page.
This can be improved if it fits in.

Here we print to console match indexes and matched text. Here we try to match text that contains regu, 20 chars before (or less if start of line) and 10 chars after (or less if 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 ); }

Also try this, it will paint background of all matches on page red, rexexp is not perfect but at least it should not mess with HTML tags:

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>');

Bookmarking this:

Another way to use this is through javascript: protocol (same code as just above):

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>');})();

For example, using javascript: protocol one can insert a little search box to any web page for searching regexp's.
I think that you already know that simple regexp can also used to remove red matches from page.
If I continue to develop this for few more hours we may have search plugin that fit in bookmark :)

2
  • 1
    Some previous versions of chrome do not support innerText. It is recommended to check if innerText is supported and default to textContent if innerText is not usable.
    – Spencer D
    Nov 25, 2015 at 20:14
  • Your initial code for finding elements can be with code [...document.body.innerText.matchAll(p)] for 73+ version of Chrome. May 15, 2019 at 8:25
7

The Find+ extension has good reviews and has not been mentioned yet: https://chrome.google.com/webstore/detail/find%20-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb?hl=en-US

I tried it out, and it works very well and has a clear, simple UI.

It can search text across HTML elements. The others that I tried were unable to do that.

enter image description here

5
  • I pushed enter it didn't highlight a thing
    – barlop
    May 15, 2020 at 16:15
  • @barlop - Make sure you're using the actual extension's finder. It doesn't replace the Chrome's native finder. Dec 4, 2020 at 7:53
  • @AndrewCheong i.stack.imgur.com/QEKqn.png
    – barlop
    Dec 4, 2020 at 8:03
  • Oh, it doesn't work for me on the extension page either. But it works for me on regular sites. Dec 4, 2020 at 8:35
  • 1
    +1 At this time this is also the only one with a statement on privacy practices.
    – antichris
    Apr 11, 2021 at 11:04
6

Regular Expression Search from Google Chrome.

A simple search utility that allows you to search a web page using regular expression.

Features under development

  • toggle through found results
  • improved UI
  • toggle between case sensitivity
  • create shortcut for toggling the extension
  • Allow pressing "Enter" key when searching (instead of clicking on search button)

Important Notes
This is a page action extension so it won't work right away on the page you have already opened. I recommend restart your browser before start using this extension. You can also try to refresh your opened page.

2
  • 4
    I don't have a better suggestion, but this extension doesn't work very well. While enabled, AdBlock doesn't block all ads. Also, after searching this page, for example, the add comment stops working.
    – Dennis
    Apr 29, 2012 at 3:21
  • 4
    The link appears unavailable. Is it the same extension as Chrome Regex Search?
    – Ruslan
    Jan 29, 2019 at 5:32
3

The other extensions that were mentioned didn't work for me, so I wrote my own open source chrome extension that you can try out here: https://chrome.google.com/webstore/detail/regex-search/bcdabfmndggphffkchfdcekcokmbnkjl?hl=en&gl=US

Source code is available on github: https://github.com/gsingh93/regex-search

2

In Chrome on macOS, hold Alt+Command+I to open Developer Tools, select the HTML source code for the page (under the "Sources" tab), hold Command+F to search, and select the .* (Regex) symbol.

If you need to search only text, you can use pandoc to convert HTML to plain text:

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

And then use less to search with Regex (search with /).

1

In Chrome Developer Tools mode, type ctrl + shift + F (on Windows, not sure about other OS).

There's a reg-ex option for searching. This will search all files, so it will include JavaScript source. I'm not sure (how) you can limit it to only HTML.

1

I would like to suggest this Chrome plugin.

1
  • I think you are suggesting this as a solution, so I edited it. Also you can provide a link without displaying the full link. You click on the chain link icon which is visible when you are typing your answer.
    – KAE
    Sep 12, 2018 at 12:12
0

not really a search, but I found this regexp highlighter (that I found somewhere) quite useful, and works for all browsers.

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;})();
4
-1

Go to javascript:void((function(){b=document.body;b.innerHTML=b.innerHTML.replace(new RegExp("(>{1}[^\n\<]*?)([^\n\<]{0,30}"+prompt("Please enter the regular expression to search for.")+"[^\n\<]{0,10})", "g"),'$1'+prompt('Please enter the text to place before the occurrences.')+'$2'+prompt('Please enter the text to place after the occurrences.'))})())`.

3
  • This doesn't work when I put it in the URL bar. Would be cool though if it did.
    – Ahmed
    Jan 6, 2016 at 1:13
  • It also removes formatting :( Mar 6, 2016 at 23:16
  • Also, the javascript: portion won't get pasted into the URL bar in Chrome. Mar 6, 2016 at 23:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.