Bagaimana saya bisa mencari ekspresi reguler dalam halaman web menggunakan Google Chrome atau IE?

Bagaimana saya bisa mencari ekspresi reguler seperti 'foo | bar' di halaman web menggunakan Google Chrome atau IE? Saya mengetahui ekstensi "Pencari Ekspresi Reguler", tetapi tidak berfungsi untuk saya. (Tidak ada yang terjadi ketika saya menekan garis miring.) Ulasan di toko web menunjukkan bahwa ini adalah masalah umum bagi banyak pengguna.

Menggunakan Javascript untuk mencocokkan ekspresi reguler

Mungkin Anda ingin mencoba ini di konsol chrome:

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

Cukup buka konsol , salin dan tempel di atas untuk konsol dan tekan enter. Anda dapat mengujinya di sini di halaman ini.
Ini dapat ditingkatkan jika cocok.

Di sini kami mencetak untuk mencocokkan indeks kecocokan dan teks yang cocok. Di sini kami mencoba untuk mencocokkan teks yang berisi regu, 20 karakter sebelum (atau kurang jika mulai dari baris) dan 10 karakter setelah (atau kurang jika 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 ); }

Coba juga ini, ini akan melukis latar belakang semua pertandingan di halaman merah , rexexp tidak sempurna tetapi setidaknya tidak boleh dipusingkan dengan tag 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>');

Bookmark ini:

Cara lain untuk menggunakan ini adalah melalui javascript:protokol (kode yang sama seperti di atas):

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

Misalnya, dengan menggunakan javascript:protokol, seseorang dapat menyisipkan kotak pencarian kecil ke halaman web mana saja untuk mencari regexp.
Saya pikir Anda sudah tahu bahwa regexp sederhana juga dapat digunakan untuk menghapus kecocokan merah dari halaman.
Jika saya terus mengembangkan ini selama beberapa jam lagi kami mungkin memiliki plugin pencarian yang sesuai dengan bookmark :)

Pencarian Ekspresi Reguler dari Google Chrome.

Utilitas pencarian sederhana yang memungkinkan Anda untuk mencari halaman web menggunakan ekspresi reguler.

Fitur dalam pengembangan

• beralih melalui hasil yang ditemukan
• UI yang ditingkatkan
• beralih antara sensitivitas case
• buat pintasan untuk mengaktifkan ekstensi
• Izinkan menekan tombol "Enter" saat mencari (alih-alih mengklik tombol pencarian)

Catatan Penting
Ini adalah ekstensi tindakan halaman sehingga tidak akan langsung berfungsi pada halaman yang sudah Anda buka. Saya sarankan restart browser Anda sebelum mulai menggunakan ekstensi ini. Anda juga dapat mencoba menyegarkan halaman yang dibuka.

Ekstensi Find + memiliki ulasan yang bagus dan belum disebutkan: https://chrome.google.com/webstore/detail/find%20-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb?hl=id

Saya mencobanya, dan berfungsi dengan sangat baik dan memiliki UI yang jelas dan sederhana.

Itu dapat mencari teks di seluruh elemen HTML. Yang lain yang saya coba tidak dapat melakukannya.

Ekstensi lain yang disebutkan tidak berfungsi untuk saya, jadi saya menulis ekstensi chrome open source saya sendiri yang dapat Anda coba di sini: https://chrome.google.com/webstore/detail/regex-search/bcdabfmndggphffkchfdcekcokmbnkjl?hl = id & gl = AS

Kode sumber tersedia di github: https://github.com/gsingh93/regex-search

Dalam mode Alat Pengembang Chrome, ketik ctrl+ shift+ F(di Windows, tidak yakin tentang OS lain).

Ada opsi reg-ex untuk pencarian. Ini akan mencari semua file, sehingga akan menyertakan sumber JavaScript. Saya tidak yakin (bagaimana) Anda dapat membatasi hanya HTML.

Di Chrome pada macOS, tahan Alt+ Command+ Iuntuk membuka Alat Pengembang, pilih kode sumber HTML untuk halaman (di bawah tab "Sumber"), tahan Command+ Funtuk mencari, dan pilih .*simbol (Regex).

Jika Anda hanya perlu mencari teks, Anda dapat menggunakan pandoc untuk mengonversi HTML menjadi teks biasa:

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

Dan kemudian gunakan lessuntuk mencari dengan Regex (search with /).

bukan benar-benar pencarian, tapi saya menemukan stabilo regexp ini (yang saya temukan di suatu tempat) cukup berguna, dan bekerja untuk semua browser.

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

Saya ingin menyarankan plugin Chrome ini .

Pergi ke javascript: void ((function () {b = document.body; b.innerHTML = b.innerHTML.replace (RegExp baru ("(> {1} [^ \ n \ <] *?) ([^ \ n \ <] {0,30} "+ prompt (" Silakan masukkan ekspresi reguler untuk mencari. ") +" [^ \ n \ <] {0,10}) "," g "), '$ 1' + prompt ('Silakan masukkan teks ke tempat sebelum kemunculan.') + '$ 2' + prompt ('Silakan masukkan teks ke tempat setelah kejadian.'))}) ()) `.