Javascript 带有jQuery的Chrome扩展沙盒
我正在开发一个chrome扩展ATM 但是，它提供了以下错误： 尝试安装此扩展时出现警告：“内容\安全\策略”仅允许用于扩展和旧版打包应用，但这是打包应用 我在谷歌上搜索错误的含义，发现了沙盒的概念 然而，在添加了一个沙盒之后，我的应用程序似乎仍然无法运行 代码如下： manifest.json:Javascript 带有jQuery的Chrome扩展沙盒,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,我正在开发一个chrome扩展ATM 但是，它提供了以下错误： 尝试安装此扩展时出现警告：“内容\安全\策略”仅允许用于扩展和旧版打包应用，但这是打包应用 我在谷歌上搜索错误的含义，发现了沙盒的概念 然而，在添加了一个沙盒之后，我的应用程序似乎仍然无法运行 代码如下： manifest.json: { "name": "Name", "description": "Name", "manifest_version": 2, "version": "0.1", "app": {
{
"name": "Name",
"description": "Name",
"manifest_version": 2,
"version": "0.1",
"app": {
"background": {
"scripts": ["background.js"]
}
},
"permissions": ["", "storage", ""],
"manifest_version": 2,
"sandbox": {
"pages": ["sandbox.html"]
},
"update_url": "http://clients2.google.com/service/update2/crx",
"content_security_policy": "script-src 'self' https://js.live.net; object-src 'self'"
}
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="assets/bootstrap.min.css" >
<link rel="stylesheet" href="assets/login.css">
<script src="assets/jquery.min.js"></script>
<script src="register.js"></script>
<script src="assets/wl.js"></script>
</head>
<body>
<iframe src="sandbox.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
<div class="row">
<input id="signin" tabindex="4" value="Sign in">
</div>
</div>
</body>
</html>
....
chrome.app.window.create(
"register.html",
{ width: 500,
height: 400,
frame: 'chrome'
},
function(appWin) {}
);
...
...
$('#signin').click(function() {
WL.init({
client_id: "",
redirect_uri: "",
response_type: ""
});
WL.login({
scope: ["", ""]
});
return false;
});
...
{
"name": "Name",
"description": "Name",
"manifest_version": 2,
"version": "0.1",
"app": {
"background": {
"scripts": ["background.js"]
}
},
"permissions": ["", "storage", ""],
"manifest_version": 2,
"sandbox": {
"pages": ["sandbox.html"]
},
"update_url": "http://clients2.google.com/service/update2/crx",
"content_security_policy": "script-src 'self' https://js.live.net; object-src 'self'"
}
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="assets/bootstrap.min.css" >
<link rel="stylesheet" href="assets/login.css">
<script src="assets/jquery.min.js"></script>
<script src="register.js"></script>
<script src="assets/wl.js"></script>
</head>
<body>
<iframe src="sandbox.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
<div class="row">
<input id="signin" tabindex="4" value="Sign in">
</div>
</div>
</body>
</html>
....
chrome.app.window.create(
"register.html",
{ width: 500,
height: 400,
frame: 'chrome'
},
function(appWin) {}
);
...
...
$('#signin').click(function() {
WL.init({
client_id: "",
redirect_uri: "",
response_type: ""
});
WL.login({
scope: ["", ""]
});
return false;
});
...
{
"name": "Name",
"description": "Name",
"manifest_version": 2,
"version": "0.1",
"app": {
"background": {
"scripts": ["background.js"]
}
},
"permissions": ["", "storage", ""],
"manifest_version": 2,
"sandbox": {
"pages": ["sandbox.html"]
},
"update_url": "http://clients2.google.com/service/update2/crx",
"content_security_policy": "script-src 'self' https://js.live.net; object-src 'self'"
}
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="assets/bootstrap.min.css" >
<link rel="stylesheet" href="assets/login.css">
<script src="assets/jquery.min.js"></script>
<script src="register.js"></script>
<script src="assets/wl.js"></script>
</head>
<body>
<iframe src="sandbox.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
<div class="row">
<input id="signin" tabindex="4" value="Sign in">
</div>
</div>
</body>
</html>
....
chrome.app.window.create(
"register.html",
{ width: 500,
height: 400,
frame: 'chrome'
},
function(appWin) {}
);
...
...
$('#signin').click(function() {
WL.init({
client_id: "",
redirect_uri: "",
response_type: ""
});
WL.login({
scope: ["", ""]
});
return false;
});
...