从 web 页面按钮点击调用 Chrome 扩展中的 JavaScript 方法

Question

我已将此chrome 扩展程序添加到 Chrome。 我从这里拿了扩展代码。 现在我想从我的 web 页面“tack shot”按钮触发这个扩展，点击如下内容：

<html>
<head>
<script>
function takeShot(){
    //code to trigger chrome extension script.
}
</script>
</head>
<body>
<button onClick='takeShot()'>take shot</button>
</body>
</html>

谁能帮我解决这个问题？

Answer 1

https://developer.chrome.com/extensions/messaging#external-webpage

清单.json

{
    "name": "My Extension",
    "version": "1.0",
    "manifest_version": 2,
    "background": {
       "scripts": ["background.js"]
    },
    "externally_connectable": {
        "matches": ["http://www.example.com/*"]
    }
}

背景.js

chrome.runtime.onMessageExternal.addListener(
  function(request, sender, sendResponse) {
    // your code in exstension
  });

http://www.example.com/

    <html>
    <head>
    <script>
   var extensionId = "your exstension id here";
    function takeShot(){
        chrome.runtime.sendMessage(extensionId, yourMessage,
            function(response) {
                if (!response.success)
                    console.log('error');
            });
    }
    </script>
    </head>
    <body>
    <button onClick='takeShot()'>take shot</button>
    </body>
    </html>

从 web 页面按钮点击调用 Chrome 扩展中的 JavaScript 方法

问题描述

1 个解决方案

解决方案1
0 2015-02-01 00:44:42

从 web 页面按钮点击调用 Chrome 扩展中的 JavaScript 方法

问题描述

1 个解决方案

解决方案1 0 2015-02-01 00:44:42

解决方案1
0 2015-02-01 00:44:42