当前位置：文江博客话题详情

从 Javascript 调用 Google Chrome 扩展

发布于 2024-12-06 21:56:15 字数 188 浏览 0 评论 0原文

有一个名为 Blipshot 的出色扩展页面截图。我需要使用页面级 JavaScript 调用扩展，而不是单击其图标。这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半暖夏伤 2024-12-13 21:56:15

您不能从网页内调用扩展的任何方法。但是，可以将内容脚本注入网页，并使用 sendMessage 和 onMessage 或 onConnect 和 connect.

要编辑扩展程序：访问 chrome://extensions 页面，然后启用开发者模式。解压扩展和/或访问扩展的目录。编辑 manifest.json 文件，然后添加必要的行（请参阅此处）。

在后台页面添加event事件监听器。在内容脚本中添加轮询器，例如：

// Content script
var poller = window.setInterval(function() {
   if (document.documentElement.getAttribute('extensionCalled')) {
       chrome.extension.sendMessage({"anyname": "anything"}, function() {
           /*optional callback function.*/alert("Something happened")
       });
       clearInterval(poller);
   }
}, 200);

// Background
chrome.extension.onMessage.addListener(function(request, sender, callback) {
    if (request.anyname == "anything") {
        function_logic_here();
        //Optionally, callback:
        callback();
    }
});

另请参阅

Chrome 扩展 - 检索 Gmail 的原始邮件 - 使用 DOM 事件在之间进行通信页面和扩展（推荐）
MDN：postMessage - 可用于页面和扩展之间的通信（当页面本身也使用 message 事件时，此方法可能会导致冲突）。

参考资料：

You cannot invoke any methods of an extension from within a web page. However, it's possible to inject a content script into the web page, and use sendMessage and onMessage, or onConnect and connect.

To edit an extension: Visit chrome://extensions page, and enable the Developer mode. Unpack an extension and/or visit the extension's directory. Edit the manifest.json file, and add the necessary lines (see here).

Add an event event listener at the background page. Add a poller in the content script, eg:

// Content script
var poller = window.setInterval(function() {
   if (document.documentElement.getAttribute('extensionCalled')) {
       chrome.extension.sendMessage({"anyname": "anything"}, function() {
           /*optional callback function.*/alert("Something happened")
       });
       clearInterval(poller);
   }
}, 200);

// Background
chrome.extension.onMessage.addListener(function(request, sender, callback) {
    if (request.anyname == "anything") {
        function_logic_here();
        //Optionally, callback:
        callback();
    }
});