使用javascript Chrome扩展程序弹出窗口

时间:2015-05-10 17:28:24

标签: google-chrome google-chrome-extension

我创建了一个chrome扩展程序。当我点击分机popup.html时,会显示。我想从我的网站执行此操作。因此,如果我从我的网站点击,则会显示chrome扩展名popup.html。我该如何实现呢?

这是我的manifest.json,但我不知道如何在我的网站和Chrome扩展程序之间进行通信。

{
"name":"My Website",
"version":"1.0",
"manifest_version":2,
"description":"My Website Chat Notification",
"content_scripts": [
    {
      "matches": ["http://www.mywebsite.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
"browser_action": {

    "default_icon": "icon.png",
    "default_popup":"popup.html"
}


}

这可能吗?我该如何解决这个问题? API?

1 个答案:

答案 0 :(得分:0)

如果要以编程方式打开弹出窗口,则无法执行此操作。

如果您要将信息从网站发送到您的分机,您可以这样做:

的manifest.json

"externally_connectable": {
  "matches": ["http//www.example.com/*"]
}

extension.js

chrome.runtime.onMessageExternal.addListener(
    function(request, sender, sendResponse) {
       // Your logic here
    });

WebSite.js

var extensionId = "xxxxxxxxxxxxxxxxxxxxxxxxxxxx";
var message = // Your content here
chrome.runtime.sendMessage(editorExtensionId, message,
  function(response) {
    // Your logic here
});

https://developer.chrome.com/extensions/messaging#external中查看更多内容。