HTML 콘텐츠를 수정하는 Chrome 콘텐츠 스크립트

Question

Google 크롬 콘텐츠 스크립트를 사용하여 다음 HTML 코드를 수정하고 싶습니다.

<font style="color:white;"> Text Here </font> 

수 나는에 예를 들어,이 요소를 식별하고 변경하는 데 사용할해야하는 코드의 누군가의 조언 : 사전에 입력

<font style="background-color:black;color:white;"> Text Here </font> 

감사합니다.

Answer 1

확장 프로그램에 JQuery 라이브러리를 포함하면이 작업을 수행 할 수 있으며 한 줄의 코드로 변경할 수 있습니다.

$("font[style='color:white;']").css("background-color","black"); 

이 스타일 color:white; 모든 글꼴 요소를 식별하고 background-color:black;을 추가합니다.

You can see it in action here

여기에 확장에 JQuery와를 포함하는 방법은 다음과 같습니다

그냥 확장 루트에서 jquery.js 파일을 포함해야합니다.

{ 
    ... 
    "content_scripts": [ 
    { 
     "matches": ["http://www.whateveryoulike.com/*"], 
     "js": ["jquery.js", "myscript.js"] 
    } 
    ] 
    ... 
}