加载html后将js文件从资产加载到webview

Question

我搜索了很多，但找不到任何解决方案。我基本上是在 webview 中制作一个 epub 阅读器，具有一些功能，如突出显示文本等。我​​为此制作了一些 javascript 文件。但是要在 html 页面中添加 js 文件，我需要在 html 文件中定义它，例如：

<script src='file:///android_asset/jquery.js'></script>

但由于 html 可以是任何文件，我必须使用其他方法加载文件。我尝试使用

view.loadUrl("javascript:loadScript('file:///android_asset/jquery.js','callback')");

但它没有加载我的 js（我调用了它的一些函数，但它们没有工作）。

我也尝试了this 解决方案，但没有奏效。基本上，我只需要在 webview 上加载我的 js 文件，以便我以后可以使用它的功能。这听起来像是一项简单的任务，但我找不到任何解决方案。有什么想法吗？

Answer 1

您需要使用loadDataWithBaseURL 来实现您的目的。

更新：

我没有看到加载到页面任何地方的实际方法 loadScript()，因此您可以在调用 javascript:loadScript() 之前尝试自己创建 loadScript 方法。

     view.loadUrl("javascript:function loadScript(url, callback)" +
                            "{" +
                            "    var head = document.getElementsByTagName('head')[0];" +
                            "    var script = document.createElement('script');" +
                            "    script.type = 'text/javascript';" +
                            "    script.src = url;" +
                            "    script.onreadystatechange = callback;" +
                            "    script.onload = callback;" +
                            "    head.appendChild(script);" +
                            "}");
view.loadUrl("javascript:loadScript('file:///android_asset/jquery.js','callback')");