회색 퍼즐 조각을 InstallTrigger.install의 WebExtension에 빨간색 조리개로 바꾸는 방법

Question

Firefox WebExtension이 있습니다. addons.mozilla.org에서 정식으로 서명했으며 일반적으로 올바르게 작동합니다. 그러나 그것을 설치하는 사용자 경험은별로 좋지 않습니다.

Mozilla의 InstallTrigger.install() 시퀀스 documented here을 사용하여 제 웹 사이트에서 설치하고 있습니다.

그러나이 시퀀스는 IconURL 매개 변수를 무시하는 것으로 보입니다. 대신 내 사용자는 이렇게 무서운 팝업 상자를 얻습니다.

대신에 그 상자에 내 자신의 아이콘을 넣을 수있는 방법이 있습니까? 설치 순서를 단순화 할 수있는 방법이 있습니까?

내 코드는 mozilla 문서에서 꽤 많이 잘라내어 과거입니다. 여기있어. 당신이 원하는 무엇

HTML 버튼

  <button id="extension-button-1" type="button" 
      class="btn btn-default btn-primary" 
      onclick="return EgetExtension(event);" 
      data-xpi="/install/browserextension/extension.xpi" 
      data-iconurl="/install/browserextension/icon32.png" 
      data-hash="sha256:aacf102b0cc6c9ffe370redacteddd1a8cac05cd4b2e9redactedd31394fb1a0"> Cobrowse </button> 

자바 스크립트

var params = { 
     "Extennsion": { 
      URL: event.target.getAttribute('data-xpi'), 
      IconURL: event.target.getAttribute('data-iconurl'), 
      Hash: event.target.getAttribute('data-hash'), 
      toString: function() { return this.URL; } 
     } 
    }; 
    InstallTrigger.install(params); 

manifest.json을

{ 
    "name": "Cobrowse", 
    "short_name": "C3PO", 
    "version": "3.7.1.17", 
    "manifest_version": 2, 
    "author": "Example.", 
    "description": "example. ", 
    "homepage_url": "http://ww2.glance.net/products/panorama/co-browse/", 
    "icons": {"128": "g128.png"}, 
    "background": { 
    "scripts": ["background.js"], 
    "persistent": true }, 
    "permissions": [ 
    "https://*/*", 
    "http://*/*", 
    "tabs", 
    "storage" 
    ], 
    ... etc 
} 

Answer 1

수 없습니다. Firefox source code (2)은이 아이콘을 지정할 수있는 방법을 제공하지 않습니다. 이미 확장 기능이나 테마가 이미 설치되어 있다면 그렇게 할 수 있지만 원하는 것은 조금 다릅니다.

아이콘은 popupid을 기반으로 CSS에 의해 지정됩니다. 이 작업은 chrome://browser/skin/browser.css 라인 3749 (Firefox 53.0)에서 수행됩니다. popupid은 알림이 표시되는 이유에 따라 지정됩니다. 이 경우는 addon-install-blocked입니다.