☰

Google Chrome または IE を使用して Web ページ内で正規表現を検索するにはどうすればよいですか?

tag-icon • tag-icon google-chrome regex
Google Chrome または IE を使用して Web ページ内で正規表現を検索するにはどうすればよいですか?

Google Chrome または IE を使用して、Web ページで 'foo|bar' のような正規表現を検索するにはどうすればよいでしょうか。「Regular Expression Searcher」拡張機能があることは知っていますが、私には機能しません。(スラッシュを押しても何も起こりません。) Web ストアのレビューによると、これは多くのユーザーに共通する問題だそうです。

答え1

正規表現をマッチさせるためにJavascriptを使用する

Chrome のコンソールでこれを試してみるといいかもしれません:

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

ただコンソールを開く、上記をコピーしてコンソールに貼り付け、 を押しますenter。このページでテストできます。
適合する場合は改善できます。

ここでは、一致インデックスと一致したテキストをコンソールに出力します。ここではregu、 の 20 文字前 (行頭の場合はそれ以下) と 10 文字後 (行末の場合はそれ以下) に 、 を含むテキストを一致させようとします。

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:プロトコルを使用すると、任意のWebページに小さな検索ボックスを挿入して正規表現を検索することができます。
単純な正規表現を使用して赤色の文字を削除できることは既にご存知だと思います。マッチページから。
あと数時間開発を続ければ、ブックマークに収まる検索プラグインが完成するかもしれません :)

答え2

Find+ 拡張機能は良いレビューがあり、まだ言及されていません。https://chrome.google.com/webstore/detail/find%20-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb?hl=en-US

試してみましたが、非常にうまく機能し、UI もわかりやすくシンプルです。

HTML 要素間でテキストを検索できます。私が試した他のツールではそれができませんでした。

ここに画像の説明を入力してください

答え3

正規表現検索Google Chrome から。

正規表現を使用して Web ページを検索できるシンプルな検索ユーティリティです。

開発中の機能

  • 見つかった結果を切り替える
  • 改善されたUI
  • 大文字と小文字の区別を切り替える
  • 拡張機能を切り替えるためのショートカットを作成する
  • 検索時に「Enter」キーを押すことを許可する（検索ボタンをクリックする代わりに）

重要な注意事項
これはページ アクション拡張機能なので、すでに開いているページではすぐには機能しません。この拡張機能の使用を開始する前に、ブラウザーを再起動することをお勧めします。開いているページを更新してみることもできます。

答え4

言及された他の拡張機能は私には機能しなかったので、ここで試すことができる独自のオープンソース Chrome 拡張機能を作成しました。https://chrome.google.com/webstore/detail/regex-search/bcdabfmndggphffkchfdcekcokmbnkjl?hl=en&gl=US

ソースコードはgithubで入手できます:https://github.com/gsingh93/regex-search

関連情報