在WebView中加载HTML（并且Javascript源无法正确加载）-Swift

Question

我目前正在尝试在Web视图中呈现活页乐谱HTML（使用JavaScript库生成）。 这是我的代码：

ViewController.swift（部分）：

let web = WKWebView()
let localfilePath = NSBundle.mainBundle().URLForResource("index", withExtension: "html")
let myRequest = NSURLRequest(URL: localfilePath!)
web.loadRequest(myRequest)

index.html：

<html>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="http://www.vexflow.com/support/vexflow-min.js"></script>
<script src="http://www.vexflow.com/support/tabdiv-debug.js"></script>
<body>
    <h1 id="someElement"> Test </h1>
    <div style="width:680; margin-left: auto; margin-right: auto;">
        <div class="vex-tabdiv">
            options width= 700 space=20
            tabstave notation=true key=A time=4/4
            notes :q =|: (5/2.5/3.7/4) :8 7-5h6/3 ^3^ 5h6-7/5 ^3^ :q 7V/4 |
            notes :8 t12p7/4 s5s3/4 :8 3s:16:5-7/5 :h p5/4
            text :w, |#segno, ,|, :hd, , #tr
        </div>
    </div>
</body>
</html>

虽然HTML确实加载，但无法正确呈现。 如果我在Chrome中呈现此HTML，它将看起来像这样：

但是，当我尝试在Webview中运行它时，我得到：

如您所见，呈现的HTML没有JS。 我通过Google / SO进行了挖掘，并尝试了各种方法，例如将JS文件制作为本地并将其导入为

<script src="lodash.js"></script>

以及使用WKWebView的executeJavascript函数均无济于事，但我必须缺少一些东西。.非常感谢！

Answer 1

原因可能是div渲染时正在加载js文件。 您可以将外部js文件保存到本地，并引用这些本地文件。 它为我工作。

Answer 2

我发现了这个问题，这与两件事有关：

将资产文件（js，css等）设置为本地。 正如Huy所提到的，在处理CDN时存在问题
我的vexflow设置出现问题。 该div中的换行符是必需的，否则将不起作用。
确保在使用vexflow 之前先导入vexflow-min.js，然后再导入vextab.js。

希望这对以后的人有所帮助！ :)

在WebView中加载HTML（并且Javascript源无法正确加载）-Swift

问题描述

2 个解决方案

解决方案1
1 2016-08-18 10:08:16

解决方案2
0 已采纳 2016-08-18 17:45:30

在WebView中加载HTML（并且Javascript源无法正确加载）-Swift

问题描述

2 个解决方案

解决方案1 1 2016-08-18 10:08:16

解决方案2 0 已采纳 2016-08-18 17:45:30

解决方案1
1 2016-08-18 10:08:16

解决方案2
0 已采纳 2016-08-18 17:45:30