更新chrome扩展:manifest 2和安全策略
update a chrome extension: manifest 2 and security policy
我正在尝试更新使用背景页面的现有chrome扩展,我在这里发现了一些东西,在这里我没有错误,但弹出窗口从未显示。我甚至试图回到一些旧的chrome版本,让我尝试清单1代码,但时间没有增加。我很抱歉所有这些代码,但我不知道问题是从哪里来的。
Manifest.json
{
"manifest_version": 2,
"background": {
"scripts": ["background.js"]
},
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
},
"description": "Count the time on Facebook",
"name": "Compteur Facebook ",
"permissions": [ "tabs" ],
"version": "1.0"
}
popup.html
<!doctype html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
The amount of time you have spent on <span>Facebook</span> is:
<br /><br />
<script>document.write(prettyDate(localStorage.getItem('facebookCounter')));</script>
<br /><br />
<div>
Having a problem?<br />
<button>Reset</button>
</div>
</body>
</html>
popup.js
chrome.extension.getBackgroundPage();
function resetCounter(){ localStorage.setItem('facebookCounter',0)}
function prettyDate(time){
var responce= "About " + Math.round(time) + " seconds"
return responce
}
function main() {}
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('button').addEventListener('click', clickHandler);
resetCounter();
main();
});
background.js
var a = 0
var x
function timedCount()
{
a = parseInt(localStorage.getItem('facebookCounter'))
chrome.tabs.getSelected(null, function(tab)
{
theurl = tab.url.substr(0,24)
if(theurl == "http://www.facebook.com/")
{
a=a+1
localStorage.setItem('facebookCounter',a)
}
});
setTimeout("timedCount()",1000);
}
setTimeout("timedCount()",1000);
要出现弹出窗口,您必须修改您的"manifest "。json",替换"popup": "popup.html"
与"default_popup": "popup.html"
您可以在这里找到更多关于从Manifest v1到Manifest v2的转换的信息。
另外,请注意,你可能需要做一些改变,使您的扩展更有效(例如,把你的背景页变成一个事件页,或捕获一些事件,而不是使用计时器触发每秒)。这个过渡指南可能是一个很好的开始
相关文章:
- 内容安全策略:页面's设置阻止加载资源
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- 旋转木马;启用内容安全策略时无法工作
- Extjs、Chrome扩展和内容安全策略
- 内容安全策略指令:;脚本src'self'blob:文件系统:chrome扩展资源:“;获取是否时
- 内容安全策略:无法在Chrome扩展中加载Google API
- 手动加载JQuery而不触发内容安全策略
- chrome扩展的内容安全策略问题
- WebGL CORS:试图突破用户代理的安全策略
- 在 JavaScript 中跟踪安全策略权限
- 如何打破内容安全策略
- 内容安全策略 + 表单插件
- 跨站点 XMLHttpRequest 内容安全策略指令解决方法
- 内容安全策略阻止对 *://www.google.com/recaptcha/api 的请求
- 如何检测内容安全策略 (CSP)
- 内容安全策略不从本地主机加载文件
- 如何在浏览器 JS 控制台中包含脚本时覆盖内容安全策略
- 内容安全策略指令:“script-src 'self' 'unsafe-eval'”
- 如何在 Netbeans 轻型 Web 服务器中指定内容安全策略
- 更新chrome扩展:manifest 2和安全策略