Maj*_*our 5 javascript google-chrome-extension
有一个名为Blipshot 的优秀扩展,它可以截取页面屏幕截图。我需要使用页面级 JavaScript 调用扩展,而不是单击其图标。这可能吗?
您无法从网页内调用扩展的任何方法。但是,可以将内容脚本注入网页,并使用sendMessage
and onMessage
、或onConnect
and 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();
}
});
Run Code Online (Sandbox Code Playgroud)
postMessage
- 它可用于在页面和扩展之间进行通信(当页面本身也使用事件时,此方法可能会导致冲突message
)。只有当扩展提供一个接口来执行此操作时,这才是可能的。扩展在隔离环境中运行,因此您无法直接访问它们的任何功能。
他们得到的最接近的是内容脚本,它可以访问 DOM。因此,您可以使用事件进行通信,但显然扩展需要为它们设置事件处理程序,因此它完全取决于扩展。