Crossrider 확장 프로그램의 주문형 팝업

Question

Javascript의 '확인'대화 상자와 동일한 fassion에서 Crossrider 확장 프로그램에 주문형 팝업을 표시 할 방법을 찾고 있습니다. 자원에 HTML 페이지가 있고 특정 메시지가 발송 될 때마다 표시되는 팝업에서 사용하고 싶습니다. Crossrider (appAPI.browserAction.setPopup)에서 팝업을 표시하는 기능이 있지만 간단한 JS '확인'대화 상자가 아닌 주문형 팝업을 표시하고 싶습니다. 그 일을하는 방법이 있습니까? 고맙습니다.

Answer 1

appAPI.browserAction.setPopup과 appAPI.browserAction.clearPopup의 조합을 사용하여 팝업을 제어 할 수 있습니다. 다음 예에서, 상기 확장 영역 코드는 방문하는 페이지에 기초하여 요구되는 팝업 판단하여 적절하게 설정한다 :

extension.js :

appAPI.ready(function($) { 
    if (appAPI.isMatchPages("*google", "*msn")) { 
     // Send message to background to set the popup based on the page url 
     appAPI.message.toBackground({ 
      request: 'set-popup', 
      popup: (location.hostname.indexOf('google') !== -1) 
       ? 'google.html' 
       : 'msn.html' 
     }); 
    } else { 
     // Send message to background to clear the popup for other pages 
     appAPI.message.toBackground({ 
      request: 'clear-popup' 
     }); 
    } 
}); 

background.js :

appAPI.ready(function($) { 
    appAPI.browserAction.setResourceIcon('icon.jpg'); 
    appAPI.message.addListener(function(msg) { 
     switch(msg.request) { 
      case 'set-popup': 
       // When setting the page, first clear the existing popup 
       appAPI.browserAction.clearPopup(); 
       // then set the new popup 
       appAPI.browserAction.setPopup({ 
        resourcePath: msg.popup, 
        width: 300, 
        height: 200 
       }); 
       break; 
      case 'clear-popup': 
       appAPI.browserAction.clearPopup(); 
       break; 
     } 
    }); 
}); 

[] 공개 : 나는 Crossrider 직원 임]