我正在尝试开始编写 Chrome 应用程序。由于某种原因,当我查看 Chrome 应用程序时,JavaScript 不起作用,但作为网页它可以正常工作。这是我的问题的最简单的例子。
使用 chrome 打开 index.html 可以按预期工作 - 当按下按钮时,“hello world”字符串变为“CLICK”。作为 Chrome 应用程序运行时,按下按钮时不会发生任何情况。
清单.json:
{
"manifest_version": 2,
"name": "My first app",
"version": "0.0.1",
"app": {
"background": {
"scripts": ["main.js"]
}
}
}
main.js
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('index.html', {
bounds: {
width: 800,
height: 609
}
});
});
索引.html:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<button type="button" onclick="myFunction()">click me</button>
<script>
function myFunction(){
document.getElementById("testdiv").innerHTML = "CLICK"
}
</script>
<div id="testdiv">hello world</div>
</body>
</html>
well, Chrome 扩展程序内容安全策略 http://developer.chrome.com/extensions/contentSecurityPolicy.html不允许使用内联脚本.
内联 JavaScript 将不会被执行。此限制同时禁止
内联块和内联事件处理程序(例如)。
尝试在页面中包含一个包含 javascript 的脚本文件(<script src="script.js" type="text/javascript"></script">
) 而不是在页面中使用您的 javascript 代码。
希望有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)