gpt4 book ai didi

google-chrome-extension - Chrome扩展程序背景页面html不起作用

转载 作者:行者123 更新时间:2023-12-04 09:26:34 26 4
gpt4 key购买 nike

我正在尝试了解 chrome 背景页面。在对示例进行蚕食后,我设法让 background.js 脚本运行,并且每次用户访问页面时它都会弹出一个警告框。但是,当我采用相同的脚本并将其移动到 background.html 文件时,我似乎无法执行该文件。

我已将 list 文件更新为页面(而不是脚本),并且扩展加载正常。我也尝试过在脚本标签中直接在正文中或在函数中使用javascript,因为现在在正文或头部中调用onload。

也许我不明白在 Chrome 扩展中使用 background.html 页面的概念?

list 文件:

{
"name": "Testing Extension",
"version": "0.2",
"background": { "pages": ["background.html"] },
"permissions": [
"tabs", "https://mail.google.com/*", "http://*/*, https://*/*"
],
"browser_action": {
"name": "Do some action",
"icons": ["icon.png"]
},
"manifest_version": 2,
"web_accessible_resources": ["injectImage.js", "background.html"]
}

注入(inject)图像.js
alert('Got Here');
'use strict';
chrome.browserAction.onClicked.addListener(function (tab) {
chrome.tabs.executeScript(null, {file: "injectImage.js"});
});

chrome.browserAction.setBadgeBackgroundColor({color: [0, 200, 0, 100]});

var i = 0;
window.setInterval(function () {
chrome.browserAction.setBadgeText({text: String(i)});
i++;
}, 10);

背景.html
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.8.0.min.js"></script>
<script src="injectImage.js"></script>
</head>
<body>
</body>
</html>

目前,除了在右上角放一个图标外,此代码似乎没有做任何事情。

最佳答案

或者您可以直接定义 js 而不是定义后台页面并在其中引用脚本文件(根据内容安全策略 (CSP),不允许使用内联脚本)

  "background": {
"scripts": ["background.js"]
},

关于google-chrome-extension - Chrome扩展程序背景页面html不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11920473/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com