javascript 在 chrome 应用程序中不起作用

2024-02-18

我正在尝试开始编写 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(使用前将#替换为@)

javascript 在 chrome 应用程序中不起作用 的相关文章

随机推荐