cordova Jquery 和 javascript 不会运行

Question

I am trying to build an app with Cordova.我正在尝试使用 Cordova 构建一个应用程序。 Sadly My javascript wont work for some reason... Can someone help with fixing this?可悲的是，我的 javascript 由于某种原因无法工作......有人可以帮忙解决这个问题吗？

All i have (for now) in the index.html我在 index.html 中拥有的所有（目前）

    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
        <meta name="color-scheme" content="light dark">
        <link rel="stylesheet" href="css/index.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <title>Hello World</title>
    </head>
    <body>
    <div class="app">
        <h1 id="title">Test</h1>
        <p id="change">The <span class="blink">best</span> app</p>
        <button id="btn">Change content of all p elements</button>
    </div>
    <script src="js/test.js"></script>
    </body>

And in the js/test.js:在 js/test.js 中：

$("#btn").click(function(){
  $("#change").html("<b>Hello world!</b>");
});

So there shouldn't be too much that could go wrong, except it does...所以不应该有太多可能 go 错误，除非它确实......

Edit: Even normal Javascript wont work?编辑：即使是正常的 Javascript 也不起作用？

Answer 1

As clarified by the console messages, your Content Security Policy is blocking the external jquery script.正如控制台消息所阐明的，您的内容安全策略正在阻止外部 jquery 脚本。 You need to allow that external script in your CSP.您需要在 CSP 中允许该外部脚本。 To do that you need to change this meta tag为此，您需要更改此元标记

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> to <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> to

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;script-src https://ajax.googleapis.com">

We just added a script-src rule to whitelist our jquery script.我们刚刚添加了一个script-src规则来将我们的 jquery 脚本列入白名单。

To learn more you can check this post要了解更多信息，您可以查看此帖子

cordova Jquery 和 javascript 不会运行

问题描述

1 个解决方案

解决方案1
2 已采纳 2021-04-30 19:53:35

cordova Jquery 和 javascript 不会运行

问题描述

1 个解决方案

解决方案1 2 已采纳 2021-04-30 19:53:35

解决方案1
2 已采纳 2021-04-30 19:53:35