google-chrome-extension
Firefox와의 이식

비고

"applications": {
  "gecko": {
    "id": "[email protected]",
    "strict_min_version": "42.0",
    "strict_max_version": "50.*",
    "update_url": "https://example.com/updates.json"
  }
}

WebExtensions를 통한 이식

/에서 Firefox 확장 기능을 이식하는 것에 대해 이야기하기 전에 WebExtensions 가 무엇인지 알아야합니다.

WebExtensions - Firefox 확장을 생성하기위한 API를 나타내는 플랫폼입니다.

Chromium 과 동일한 확장 아키텍처를 사용하기 때문에이 API는 Chrome 및 Opera (Chromium 기반 Opera)의 API와 여러면에서 호환됩니다. 대부분의 경우 이러한 브라우저 용으로 개발 된 확장 프로그램은 Firefox 에서 약간의 변경없이 또는 전혀 변경없이 작동합니다.

MDN은 새로운 확장에 WebExtension 을 사용하도록 권장 합니다.

앞으로 WebExtensions가 Firefox 부가 기능을 개발하는 데 권장되는 방법이 될 것이며 다른 시스템은 더 이상 사용되지 않을 것입니다.

앞에서 언급했듯이 Firefox에 확장 기능을 포팅하려면 확장 기능이 어떻게 작성되었는지 알고 있어야합니다.

Firefox 확장 기능 은 WebExtension , Add-on SDK 또는 XUL 기반으로 할 수 있습니다.

WebExtension을 기반으로하는 호환 가능한 확장

WebExtension 사용할 때 일부 기능은 완전히 또는 부분적으로 지원되므로 비 호환성 목록을 조사해야합니다. 즉, manifest.json 확인해야합니다.

또한 동일한 네임 스페이스 를 사용할 수 있습니다.

현재 모든 chrome. * 네임 스페이스를 통해 모든 API에 액세스 할 수 있습니다. 우리 자신의 API를 추가하기 시작하면 브라우저. * 네임 스페이스에 API를 추가 할 것으로 예상됩니다. 개발자는 기능 감지 기능을 사용하여 브라우저에서 API를 사용할 수 있는지 확인할 수 있습니다. *.

Firefox 및 Google 크롬에서 작동 할 수있는 간단한 확장 프로그램

manifest.json :

{
  "manifest_version": 2,
  
  "name": "StackMirror",
  
  "version": "1.0",
  
  "description": "Mirror reflection of StackOverflow sites",
  
  "icons": {
    "48": "icon/myIcon-48.png"
  },
  
  "page_action": {
    "default_icon": "icon/myIcon-48.png"
  },
  
  "background": {
    "scripts"   : ["js/background/script.js"],
    "persistent": false
  },
  
  "permissions": ["tabs", "*://*.stackoverflow.com/*"]
}

background 스크립트 :

function startScript(tabId, changeInfo, tab) {

    if (tab.url.indexOf("stackoverflow.com") > -1) {

        chrome.tabs.executeScript(tabId, 
            
            {code: 'document.body.style.transform = "scaleX(-1)";'}, function () {

            if (!chrome.runtime.lastError) {

                chrome.pageAction.show(tabId);
            }
        });
    }
}

chrome.tabs.onUpdated.addListener(startScript);

표준 zip 파일로 프로젝트를 .xpi 하지만 확장자는 .xpi 입니다.

그런 다음 Firefox 에서 확장 프로그램을로드해야합니다.

메뉴 about:addons 부가 기능을 통해 액세스 할 수있는 about:addons 페이지를 엽니 다.

모든 부가 기능 버튼을 클릭하십시오.

확장 프로그램이로드되면 about:addons 가 다음과 같이 표시됩니다.

Chrome에서 확장 프로그램을로드하는 방법 은 다른 주제 인 - Chrome 확장 프로그램 시작하기를 참조하세요 .

확장 작업의 결과는 두 브라우저 ( Firefox / Chrome )에서 동일합니다.

현재 추가 기능이 Add-on SDK 또는 XUL을 기반으로하는 경우

확장 기능을 포팅 할 때 Add-on SDK 기반으로하는 경우 Add-on SDK => WebExtensions 의 비교 표를 살펴 봐야합니다. 이러한 기술은 기능이 비슷하지만 구현이 다르기 때문입니다. 표의 각 섹션은 WebExtension 용 WebExtension Add-on SDK 에 해당하는 기능을 설명합니다.

애드온 SDK와의 비교

비슷한 접근법과 XUL 확장.

XUL / XPCOM 확장 기능과의 비교