Chrome 확장 프로그램에서 jQuery를 사용하는 방법 contentcript를 충돌없이 사용하는 방법

Question

Google 크롬 확장 프로그램에서 웹 페이지의 스크립트와 충돌하지 않고 jQuery를 사용할 수있는 방법은 무엇입니까? 웹 페이지에서 jQuery와 다른 스크립트를 사용하면 $, 내 콘텐츠 스크립트가 죽거나 그 웹 페이지가 죽기 때문에

Answer 1

진짜 대답은 "자체 실행 개인 기능"을 사용할 필요가 없다는 것입니다. 콘텐츠 스크립트는 executed in isolation이므로 웹 사이트에서 의도적으로 사용하는 리소스와 충돌 할 수 없음을 이해해야합니다.

콘텐츠 스크립트에서 라이브러리를 사용하려는 경우 선호하는 방법은 확장 프로그램/앱에 라이브러리를 포함시킨 다음 매니페스트에서 먼저로드하는 것입니다.

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

이 myscript.js를 개인 콘텐츠 스크립트 환경에로드 한 후되고 jquery.js가 발생합니다. 귀하의 코드는 이 포함되어 있지 않으므로 훨씬 깨끗하고 모듈화 될 것입니다. 외부 라이브러리 용 코드입니다.

자료 :https://developer.chrome.com/extensions/content_scripts