☰

페이지 리디렉션 시에도 Chrome에서 정규 표현식과 일치하는 텍스트를 강조 표시하는 방법이 있나요?

tag-icon • tag-icon google-chrome regex
페이지 리디렉션 시에도 Chrome에서 정규 표현식과 일치하는 텍스트를 강조 표시하는 방법이 있나요?

Chrome에서 특정 페이지를 로드할 때 모두 대문자로 작성된 모든 단어를 강조 표시하는 방법이 있나요?

이상적으로는 솔루션이 현재 페이지에서 작동하고 양식 버튼을 클릭하면 자동으로 다음 페이지에서도 작동해야 합니다.

어떤 제안이 있으십니까?

답변1

편집하다

확장 프로그램 다운로드여기. 설치 지침은 찾은 지침과 동일합니다.여기

이 확장 프로그램은 단순히 페이지의 모든 대문자 단어를 강조 표시합니다.

나머지 답변

나는 이것이 사용자 측이라는 뜻이라고 생각합니다. 맞습니까?

저는 개인적으로 이 작업을 위해 간단한 Chrome 확장 프로그램을 만들고 싶습니다. 아마도 저는 장기적인 작업을 좋아하기 때문일 것입니다. 그리고 저는 Chrome에 이를 허용하는 기능이 없다고 확신합니다(제가 틀렸다면 용서해 주세요).

Chrome 확장 프로그램은 만들기가 매우 쉽기 때문에 위협을 느끼지 마세요. 켜기/끄기 토글을 사용하여 페이지에서 대문자로 표시된 모든 단어를 강조 표시하는 작은 기능이 있습니다.

작동 방식

이 작은 Chrome 확장 프로그램은 모든 페이지의 배경에서 자동으로 실행되며 두 글자 이상이고 대문자로 된 모든 단어를 노란색 배경으로 강조 표시합니다. 모든 페이지에서 작동하며 Chrome 확장 프로그램 관리자의 '활성화/비활성화' 기능을 사용하여 비활성화할 수 있습니다. 매우 기본적인 Jquery 스크립트를 사용하여 작동합니다.

1단계

모든 파일을 저장하려면 하드 드라이브 어딘가에 폴더를 만들어야 합니다. 나는 그것을 "캡하이라이터"라고 불렀다.

2단계

메모장을 사용하여 이 폴더에 몇 가지 파일을 추가합니다. 메모장을 열고 빈 문서에서 "다른 이름으로 저장"을 클릭한 후 manifest.json.

라는 다른 파일을 만들고 jquery.js다른 파일을 만듭니다.myscript.js

3단계

다음을 추가하세요.manifest.json

{
    "manifest_version": 2,
    "name": "Capslight",
    "description": "Highlight capital words",
    "version": "1.0",
"content_scripts": 
    [
        {
            "matches": ["http://*/*","https://*/*"],
            "js":["jquery.js", "myscript.js"],
            "run_at": "document_end"
        }
    ]

}

선택 과목

이 스크립트가 특정 페이지에서만 실행되도록 하려면 matchesmaifest.json 파일의 값을 변경하세요. 각 페이지를 쉼표로 구분하세요. 예를 들어 스크립트가 Stackoverflow, Superuser 및 Google에서만 실행되도록 하려면 다음을 수행합니다.

"matches": ["http://www.stackoverflow.com/*","http://www.superuser.com/*","https://google.co.uk/*"],

메모

작동하려는 URL에 올바른 "http" 또는 "https"를 사용했는지 확인하세요. 이를 수행하는 더 좋은 방법은 URL을 "http" 링크와 "https" 링크로 넣는 것입니다. *뒤에 오는 슬래시도 잊지 마세요 . 이것이 너무 복잡해지면 manifest.json위에서 입력한 원본 파일을 사용하고 필요하지 않을 때는 확장 프로그램을 끄는 것이 가장 좋습니다 .

다음

에 Jquery 2.1을 추가합니다 jquery.js. 이렇게 하려면 다음에서 모든 내용을 복사하여 붙여넣기만 하면 됩니다.이 링크

마지막으로

다음을 추가하세요.myscript.js

$('body').each(function(){
    var pattern = /([A-Z]{3,})/g;
    var before = '<span style="background: yellow;">';
    var after = '</span>';
    $(this).html($(this).html().replace(pattern, before+"$1"+after));
});

4단계 - Chrome에 추가

당신은 성공적으로 작업 확장을 만들었습니다(오늘 그렇게 할 것이라고는 상상도 못했습니다). 이제 Chrome에 추가하기만 하면 됩니다. 이렇게 하려면 chrome://extensions"개발자 모드" 상자로 이동하여 선택하세요. 그런 다음 "압축해제된 확장 프로그램 로드"를 클릭하고 이 세 파일이 보관된 폴더를 선택하세요. 확장 프로그램은 페이지를 로드하는 순간 작동됩니다. 확장 프로그램을 비활성화하려면 페이지에서 상자를 선택 취소하면 됩니다 chrome://extensions.

이것이 당신이 원했던 것이기를 바랍니다. 아무튼 만드는 내내 재밌었어요 ;)

답변2

정규식 강조 표시 및 로그 분석에 이 확장이 매우 유용하다는 것을 알았습니다.

https://chrome.google.com/webstore/detail/rex-regex-highlight-or-co/eejlhekkafpkffbhpidchepheodkgnib

페이지에서 선택한 텍스트를 강조 표시하도록 구성할 수 있으며 선택한 도메인에 이 구성이 자동으로 적용됩니다.

구성 예

관련 정보