javascript - 扩展 list 必须请求访问此主机的权限

转载作者：行者123 更新时间：2023-12-03 01:37:23

25

4

我正在尝试将 div 附加到当前事件选项卡的页面。但是我收到此错误:

Error during tabs.executeScript: Cannot access contents of url .... 
Extension manifest must request permission to access this host.

我的代码:(show_loader.js)

var dv = document.createElement('div');
dv.id = 'myid';
dv.innerHTML = 'test';
document.body.appendChild(dv);

但是当我输入这段代码时:

document.body.style.backgroundColor = 'green';

它按预期工作，并且当前选项卡的背景颜色发生更改，除了从 popup.js 运行的 show_loader.js 文件中的代码之外没有其他更改，如下所示:

chrome.tabs.executeScript(null, {file: "show_loader.js"});

我的 list 文件也有:

"permissions":
[
  "tabs",
  "notifications",
  "http://*/",
  "https://*/"
],

所以我想知道为什么当我尝试执行除设置背景颜色之外的其他操作时会出现上述错误。即使是简单的 alert 或 console.log 单独出现在该页面上也会产生与上述相同的错误。

如何解决这个问题？

更新:完成相关代码

list :

{
   ... name and description ...
   "icons":
   {
      "16" : "img/icon.png",
      "48" : "img/48.png",
      "128" : "img/128.png"
   },
   
   "permissions":
   [
      "tabs",
      "notifications",
      "http://*/*",
      "https://*/*"
   ],
   
   "browser_action":
   {
      "default_icon": "img/icon.png", 
      "default_title": "Page title",      
      "default_popup": "popup.html"       
   }
}

popup.js

// send data to server for saving
$('#btn').click(function(){

     chrome.tabs.executeScript(null, {file: "show_loader.js"});

      $loader.show();

      var data = $(this).closest('form').serialize();

      $.ajax({.....});

});

window.onload = function(){
    var $loader = $('#loader');
    $loader.show();
    
    chrome.tabs.getSelected(null, function(tab) {
        //console.log(tab);
        $('#url').val(tab.url); 
        $('#title').val(tab.title);
        $loader.hide();
    });
};

popup.html

<html>
<head>
   <link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
    
   <form action="" method="post" name="frm" id="frm">
   <table border="0" cellpadding="3" cellspecing="0" width="370">
      ......
   </table>
   </form>

<script src='js/jquery.js'></script>
<script src='popup.js?v=014423432423'></script> 

</body>
</html>

show_loader.js

console.log($); // doesn't work

// document.body.style.backgroundColor = 'green'; // WORKS

最佳答案

有效的代码

manifest.json

{
    "name": "Manifest Permissions",
    "description": "http://stackoverflow.com/questions/14361061/extension-manifest-must-request-permission-to-access-this-host",
    "version": "1",
    "manifest_version": 2,
    "browser_action": {
        "default_popup": "popup.html"
    },
    "permissions": [
        "tabs",
        "notifications",
        "http://*/",
        "https://*/"
    ]
}

popup.html

<html>

    <head>
        <script src="back.js"></script>
    </head>

    <body>
        <button id="tmp-clipboard">Click Me</button>
    </body>

</html>

back.js

document.addEventListener("DOMContentLoaded", function () {
    document.getElementById('tmp-clipboard').onclick = function () {
        chrome.tabs.executeScript(null, {
            file: "script.js"
        });
    }
});

脚本.js

var dv = document.createElement('div');
dv.id = 'myid';
dv.innerHTML = 'test';
document.body.appendChild(dv);

尝试从代码中删除已弃用的 chrome.tabs.getSelected 并使用 chrome.tabs.query相反。

使用示例

chrome.tabs.query({
    "currentWindow": true,
    "status": true,
    "active": true //Add any parameters you want
}, function (tabs) {//It returns an array
    for (tab in tabs) {
        //Do your stuff here
    }
});

编辑 1

如果您打算捕获当前窗口中他单击浏览器操作的事件浏览选项卡，请使用此代码

chrome.tabs.query({
    "currentWindow": true,//Filters tabs in current window
    "status": "complete", //The Page is completely loaded
    "active": true // The tab or web page is browsed at this state,
    "windowType": "normal" // Filters normal web pages, eliminates g-talk notifications etc
}, function (tabs) {//It returns an array
    for (tab in tabs) {
        $('#url').val(tabs[tab].url); 
        $('#title').val(tabs[tab].title);
        $loader.hide(); 
    }
});

关于javascript - 扩展 list 必须请求访问此主机的权限，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14361061/

25

4

0

文章推荐： sql-server - 为什么存储过程的运行速度比裸 T-SQL 慢？

文章推荐： regex - XML::Twig - xpath 中的正则表达式因等号 = 失败

文章推荐： javascript - 编写一个 JavaScript 函数来反转数字

权限
关闭。这个问题是off-topic .它目前不接受答案。想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。关闭 10 年前。 Improve thi
android 权限 vs linux 权限
Android 权限(您在 list 中请求并在安装时显示的权限)是否与 root 用户在 root 手机上获得的 linux 权限相同？更确切地说:如果我的手机上有 root 权限并且我有一个可以
sql - 授予对 View 的 SELECT 权限，但不授予对基础对象的 SELECT 权限
我经常读到 VIEW 的一个目的是安全性:允许一些用户访问基础表，而其他用户只允许访问派生 View 。考虑到这一点，我设计了几个向外部用户提供受限数据集的 View 。一切都很好，但在实践中这是行
facebook - 如果我已经被授予 "user_status"权限，为什么还需要 FB 的 "user_posts"权限？
在 Facebook API v2.3 中，“user_posts”听起来像是“user_status”的超集。是这样吗？如果我已经有“user_posts”，为什么还需要“user_status”？
android-permissions - java.lang.SecurityException : Need android. 权限.BLUETOOTH_CONNECT 权限
在为 BLUETOOTH_CONNECT 请求运行时权限后，android 12 崩溃了，我在 Samsung Android 12 设备中遇到了这个问题。在其他低于 Android 12 的设备上运
java.lang.SecurityException : Need android. 权限。AttributionSource 的 BLUETOOTH_CONNECT 权限
请理解这个问题可能有点头晕，因为这是我第一次提问。另外，请理解语法可能很奇怪，因为我不擅长英语并使用翻译。我是一个在 Android 工作室中使用 java 制作应用程序的人。尝试使用蓝牙时出现连
Magento 权限
我刚刚将我的 Magento 商店从 cPanel 移动到 DirectAdmin (Centos)。我的问题现在是权限。以前在 cPanel 上，所有文件夹都设置为 755 和文件 644。这很好
Django 权限
我希望在我的 Django 项目中获得更细粒度的权限，但无法决定使用哪个应用程序。我所拥有的是这样的: class Item(models.Model): name = models.Cha
MSMQ 权限
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
Github 权限
我们已经设置了一个 Github 应用程序，以便它使用 Github API 自动为另一个个人 Github 用户创建一个存储库。现在我们遇到了一个问题，不是每个人都想让我们完全读取他们所有的私有(p
Facebook 权限
假设我有一个网站想要访问 Facebook 的用户帐户信息。通常，用户会获得网站要求的所有权限，并且可以整体上允许或拒绝这些权限。是否可以让用户选择(例如，通过授权屏幕上每个权限的复选框)他想授予网
EDP.Net开发框架--权限
平台下载地址：https://gitee.com/alwaysinsist/edp 权限介绍权限实际上就是谁有权使用或是访问什么，这里的“谁”可以视作"授权对象",&qu
android - MANAGE_EXTERNAL_STORAGE 权限
playstore 给我发这个消息 We've detected that your app contains the requestLegacyExternalStorage flag in the
Docker sudo 权限
我可以在没有 sudo 的情况下运行 docker，但有时它会再次请求权限，我无法在 VS 代码中附加容器 Got permission denied while trying to connect
permissions - GDB 权限
我正在尝试在 Ubuntu 中的可执行文件上运行 gdb。但是，当我尝试在 gdb 中运行 run 时，出现以下错误。 /vagrant/unit_test: cannot execute: Perm
Instagram public_content 权限
我的应用程序工作了一年，然后对 instagram 的 API 调用停止返回任何数据。我使用以下 instagram 端点: https://api.instagram.com/v1/media/s
工作项的 TFS 权限
我使用 TFS 2012 并希望为 TFS 用户组设置以下权限。允许创建新问题项。拒绝创建新的任务项。拒绝更改他的任务项，只能更改提醒时间、描述和状态。并且不能更改分配的用户、优先级和迭代。我
ubuntu - 将文件上传到计算引擎 - 权限
我有一个谷歌计算引擎实例，我使用与我的 glcoud 帐户关联的 SSH key 通过 SFTP 连接到该实例。但是，我无法将任何文件上传到/var/www 目录，尽管我可以读取目录列表。/var/w
子目录的 Unix 权限
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许在 Stack Overflow 上提出有关通用计算硬件和软件的问题。您可以编辑问题，使其成为
.net - 具有已安装程序的SQLite数据库-权限
我不确定如何正确处理以下情况：我的程序通过安装程序安装我在应用程序文件夹中创建SQLite数据库（程序启动时）在某些配置中，我收到“ Attemt写入只读数据库”错误。这是权限问题，现在我通过将

首页

博学

6Ren·AI

商城

javascript - 扩展 list 必须请求访问此主机的权限

更新:完成相关代码

manifest.json

popup.html

back.js

脚本.js

使用示例

编辑 1