정말 간단한 브라우저 확장 프로그램 개발

브라우저 확장 기능을 개발하려고합니다.정말 간단한 브라우저 확장 프로그램 개발

이 확장 프로그램을 설치하면 특정 도메인 목록의 모든 페이지로드에 자바 스크립트 파일이 포함됩니다.

이러한 유형의 확장 프로그램을 Chrome에서 '콘텐츠 스크립트'라고합니다. 나는 확장 jquery.js와 myscripts.js를 설치 한 후에는 단순히 "매니페스트"파일

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

에이 코드를 넣어 크롬에 대한 확장의 유형을 만들려면 읽은 것을에서

이 포함됩니다 google.com의 모든 페이지로드시

Chrome에서 채택한 확장 개발 방식은 정말 쉽습니다.

내 주요 질문은 다른 주요 브라우저에 대해이 유형의 확장 기능을 복제하는 것이 얼마나 어려울까요?

출처

2011-08-17 jamjam

다른 주요 브라우저의 경우? Firefox에는 플러그인이있는 자체 메커니즘이 있습니다. 사파리 자체. 대부분의 주요 브라우저에서 작동하는 확장 인 greasemonkey를 시도하고 Greasemonkey로 컨텐츠 스크립트를 시도해 봅니다. –

[Crossrider] (http://crossrider.com)는 크로스 브라우저 확장 개발 프레임 워크에서 도움을 줄 수 있습니다. (자바 스크립트와 온라인 IDE로 빨리 시작할 수 있습니다) – gkof

Firefox 자체는 콘텐츠 스크립트를로드하는 간단한 방법을 제공하지 않습니다. 그러나 GreaseMonkey add-on이 있으며 http://userscripts.org/에서 선택할 수있는 예제 스크립트가 많이 있습니다. GreaseMonkey 스크립트는 더 이상 GreaseMonkey가 필요없는 compiled into a "real" extension 일 수 있으며, 확장 프로그램 없이도 Chrome에 설치할 수 있습니다.

Firefox의 또 다른 가능성은 Add-on Builder or SDK과 page-mod module입니다. 이런 식으로 뭔가 작업을해야합니다 : 실제 확장에이 코드를 설정하는 것이 매우 쉽게해야합니다 추가 기능에 대한 빌더와

var pageMod = require("page-mod"); 

pageMod.PageMod({ 
    include: ["http://www.google.com/*"], 
    contentScriptFile: [data.url("jquery.js"), data.url("myscript.js")] 
});

. 그러나 Add-on SDK에 대한 경험이 없으므로 추가 도움을 드릴 수는 없습니다.

출처

2011-08-17 18:08:52

greasemonkey 및 사용자 스크립트에 대해 들었습니다. 그러나 내 확장의 단순한 성격 때문에. 나는 모두 함께 greasemonkey를 피하고 싶었다. 그러나 나는 greasemonkey 위에이 실제 확장 옵션에 대해 몰랐다. – jamjam

그래서 Chrome에서는 위 코드로 매니페스트 파일을 만들어야합니다. Firefox의 경우 greasemonkey 위에 실제 확장을 컴파일하십시오. 두려운 IE는 어떨까요? – jamjam

firefox 용으로 컴파일 할 필요가 없습니다. xul로 작성되고 xpi 컨테이너 파일로 압축됩니다. 그냥 zip을 만들고 xpi로 이름을 바꿉니다. – walialu

시도 Kango Framework. 이것은 브라우저 간 확장 프레임 워크입니다. 단일 소스 코드로 작업하는 모든 주요 브라우저의 확장을 개발할 수 있습니다. IE, Firefox, Chrome, Opera 및 Safari를 지원합니다.

출처

2012-03-24 01:58:33 Serg

정말 간단한 브라우저 확장 프로그램 개발

답변

관련 문제