通过 javascript 打开我的扩展 html 文件时，Chrome 会阻止它[已修复，我只是愚蠢]

Question

我目前正在编写一个 Chrome 扩展。我有一个按钮应该打开我的扩展根目录中的settings.html 文件。但它被 Chrome 阻止，显示“对服务器的请求已被扩展阻止”和“ERR_BLOCKED_BY_CLIENT”。我已经测试过了，没有插件阻止它。但是，如果我通过创建一个新选项卡并粘贴链接来打开它，它就会工作并显示 html 文件。 这是我的代码：

function gotosettings_first() {
    console.log("TO THE SETTINGS!!!");
    var settings_url = chrome.runtime.getURL("settings.html");
    //console.log(settings_url);
    //window.location.href = settings_url;
    var sw = window.open(settings_url, "_blank");
    sw.focus();
}

感谢您的帮助

Answer 1

我也面临同样的问题。这解决了我的问题。将页面添加到manifest.json文件中的web_accessible_resources可以防止它被浏览器阻止。就我而言，index.html

"web_accessible_resources": [{ 
    "resources": [ "/index.html" ],
    "matches": [ "<all_urls>" ]
}]

在 manifest.json 文件中添加上述密钥，然后重建，删除现有扩展并添加新构建的扩展。

在您的情况下，在资源中添加“settings.html”。