从网站上的链接打开Chrome扩展

Open Chrome extension from link on website

本文关键字:Chrome 扩展 链接 网站      更新时间:2023-09-26

我想从我的网站上的链接打开一个Chrome扩展(充当后台页面)。

我尝试过的东西:

  • 使a标记链接到扩展的主HTML页面
  • 将用户发送到进行302重定向到HTML页面的页面
  • 使用Javascript重定向用户,使用window.location = ...

所有这些都不起作用,而是打开一个about:blank页面。例外(这似乎很奇怪)是当我使用策略#2并且链接是从我的桌面邮件客户端打开的。

关于如何做到这一点,有什么想法吗?在我们的情况下,请求tabs权限是不可能的。

试着阅读有关消息从网页传递到扩展的后台页面的信息(听起来像是您想要完成的事情)。

您需要在清单的web_accessible_resources部分添加taregt HTML文件。例如:

扩展文件结构:

          root-dir/
           |_____manifest.json
           |_____content.js
           |_____myfile.html

content.js:

/* Append a link to the web-page's body */
var a = document.createElement("a");
a.href = chrome.extension.getURL("myfile.html");
a.target = "_blank";
a.textContent = "My HTML file";
document.body.appendChild(a);

manifest.json:

{
    "manifest_version": 2,
    "name":    "Test Extension",
    "version": "0.0",
    "offline_enabled": true,
    "content_scripts": [{
        "matches":    ["*://*/*"],
        "js":         ["content.js"],
        "run_at":     "document_end",
        "all_frames": false
    }],
    "web_accessible_resources": ["myfile.html"]
}