☰

Google Chrome 또는 IE를 사용하여 웹페이지 내에서 정규식을 검색하려면 어떻게 해야 합니까?

tag-icon • tag-icon google-chrome regex
Google Chrome 또는 IE를 사용하여 웹페이지 내에서 정규식을 검색하려면 어떻게 해야 합니까?

Google Chrome 또는 IE를 사용하여 웹페이지에서 'foo|bar'와 같은 정규식을 검색하려면 어떻게 해야 합니까? "정규식 검색기" 확장 프로그램에 대해 알고 있지만 제게는 작동하지 않습니다. (슬래시를 누르면 아무 일도 일어나지 않습니다.) 웹 스토어의 리뷰를 보면 이것이 많은 사용자에게 일반적인 문제임을 나타냅니다.

답변1

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:프로토콜을 사용하면 정규 표현식을 검색하기 위해 웹 페이지에 작은 검색 상자를 삽입할 수 있습니다.
나는 간단한 정규식을 사용하여 빨간색을 제거할 수도 있다는 것을 이미 알고 있다고 생각합니다.성냥페이지에서.
몇 시간 더 계속 개발하면 북마크에 맞는 검색 플러그인을 갖게 될 수도 있습니다 :)

답변2

Find+ 확장 프로그램은 좋은 평가를 받았지만 아직 언급되지 않았습니다.https://chrome.google.com/webstore/detail/find%20-regex-find-in-page/fddffkdncgkkdjobemgbpojjeffmmofb?hl=en-US

사용해 보았는데 매우 잘 작동하고 명확하고 간단한 UI가 있습니다.

HTML 요소 전체에서 텍스트를 검색할 수 있습니다. 내가 시도한 다른 사람들은 그렇게 할 수 없었습니다.

여기에 이미지 설명을 입력하세요

답변3

정규식 검색Google 크롬에서.

정규식을 사용하여 웹페이지를 검색할 수 있는 간단한 검색 유틸리티입니다.

개발 중인 기능

  • 찾은 결과 전환
  • 개선된 UI
  • 대소문자 구분 간 전환
  • 확장 프로그램 전환을 위한 바로가기 만들기
  • 검색 시 "Enter" 키를 누르는 것을 허용합니다(검색 버튼을 클릭하는 대신).

중요 사항
이것은 페이지 작업 확장이므로 이미 연 페이지에서는 바로 작동하지 않습니다. 이 확장 프로그램을 사용하기 전에 브라우저를 다시 시작하는 것이 좋습니다. 열린 페이지를 새로 고칠 수도 있습니다.

답변4

언급된 다른 확장 프로그램은 나에게 적합하지 않았기 때문에 여기에서 시험해 볼 수 있는 나만의 오픈 소스 크롬 확장 프로그램을 작성했습니다.https://chrome.google.com/webstore/detail/regex-search/bcdabfmndggphffkchfdcekcokmbnkjl?hl=ko&gl=US

소스 코드는 github에서 볼 수 있습니다:https://github.com/gsingh93/regex-search

관련 정보