Question

好吧，我只有一个打包的应用程序，这个应用程序包含index.html和其他页面.. index.html包含链接到其他页面的按钮..

问题是按钮不起作用!!当我点击按钮时......没有任何反应。

这是mainifest文件：

{
  "name": "TextTools",
  "description": "Simple tools for Text.",
  "version": "0.0.0.1",
  "manifest_version": 2,
  "icons": {
    "128": "logo.png"
  },

"app": {
    "launch": {
      "local_path": "index.html"
    }
  }
  }

这是Index.html正文标记：

<body>

<center><div id="container">

<div><input id="btn1" type="button" value="Letters Counter" class="btn1" 
onclick="location.href='LettersCounter/LengthCalculator.html';"></div>


<div><input id="btn2" type="button" value="Case Converter"  class="btn2"
onclick="location.href='CaseConverter/CaseConverter.html';"/></input></div>



<div><input type="button" value="Text Capitalizer" class="btn3" 
onclick="location.href='CapitalizeText/CapitalizeText.html';"  /></div>


<div><input type="button" value="Words Counter" class="btn4"
onclick="location.href='WordsCounter/WordsCounter.html';" /></div>


<div><input type="button" value="QR-Generator" class="btn5"
onclick="location.href='QRcode/index.html';"  /></div>


</div></center>


<div id="foot" >

<p style="color:#B8B8B8; margin-left:10px; margin:10px; font-family: Gill Sans, sans-serif; font-size : 14px; "></p>
</div>

</body>

我知道这很简单，但我是新手：）

Answer 1

问题

您正在使用内嵌javascript ， Content Security Policy for Chrome Apps 不允许使用

：

Chrome Apps的内容安全政策限制您执行以下操作：


您无法在Chrome应用页面中使用内联脚本。限制禁止块和事件处理程序（<button onclick="...">）。


[...]

解决方案

使用外部.js文件注册侦听器。 E.g：

/* Instead of... */
<input id="btn1" type="button" onclick="..." ... />

/* ...change HTML to... */
<input id="btn1" type="button" ... />
...
<script type="text/javascript" src="myScript.js"></script>

/* ...and in `myScript.js` add... */
document.getElenentById("btn1").addEventListener("click", function() {
    ...
});

按钮无法在Chrome App中使用

1 个答案:

问题

解决方案