How can I search for regular expressions within webpages using Google Chrome or IE?

Solution 1:

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 :)

Solution 2:

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

Solution 3:

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.

Solution 4:

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