我正在尝试从 Android webview 读取存储在资产中的本地 javascript 文件 (jQuery)。我不想加载-base-url，因为我的图像和 html 是远程提供的。
总结： - 将本地 jQuery（在 assets 文件夹中）加载到 Android webview 中的远程加载页面中。
经过长时间的无用浏览，我决定在这里提出这个问题。请帮忙。
谢谢！
【问题讨论】：
标签： android jquery webview android-webview
定义一个像下面这样的 Javascript 接口，它将从 assets 目录中读取你的 jquery 文件
class JavaScriptInterface {
@JavascriptInterface
public String getFileContents(){
return readAssetsContent("jquery.js");
}
}
更新 WebView 以启用 JavaScript 并添加之前定义的 JavaScriptInterface...
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new JavaScriptInterface(), "android");
在远程 HTML 中添加 javascript 代码 sn-p 以通过 android JavaScript 接口读取 jquery 文件内容...
<script type="text/javascript">
var s = document.createElement('script');
s.innerHTML = window.android.getFileContents();
document.head.appendChild(s);
//check if jquery is loaded now...
if(typeof $ != "undefined") {
$(document).ready(function() {
$('body').css('background','green');
});
} else {
document.body.innerText = "jQuery NOT loaded";
}
</script>
【讨论】：
首先，在您的 Activity 中，创建静态变量 appContext，它保存应用程序上下文和以下函数：
//Initialize Application Context
private static Context appContext;
//Get Application Context (for use in external functions)
public static Context getContext() {
return appContext;
}
...并在onCreate(Bundle savedInstanceState)中设置变量：
//Set application context (for use in external functions)
appContext = this;
第二，在下面的单独文件中创建类：
文件：JavaScriptInterface.java
import android.content.Context;
import android.util.Log;
import android.webkit.JavascriptInterface;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
class JavaScriptInterface {
@JavascriptInterface
public String getFileContents(String assetName){
return readAssetsContent(MainActivity.getContext(), assetName);
}
//Read resources from "assets" folder in string
public String readAssetsContent(Context context, String name) {
BufferedReader in = null;
try {
StringBuilder buf = new StringBuilder();
InputStream is = context.getAssets().open(name);
in = new BufferedReader(new InputStreamReader(is));
String str;
boolean isFirst = true;
while ( (str = in.readLine()) != null ) {
if (isFirst)
isFirst = false;
else
buf.append('\n');
buf.append(str);
}
return buf.toString();
} catch (IOException e) {
Log.e("error", "Error opening asset " + name);
} finally {
if (in != null) {
try {
in.close();
} catch (IOException e) {
Log.e("error", "Error closing asset " + name);
}
}
}
return null;
}
}
第三，别忘了初始化你的Webview来使用JavaScriptInterface：
//Set JS interface from JS/HTML code execution
mWebView.addJavascriptInterface(new JavaScriptInterface(), "android");
第四，调用android方法getFileContents()用JavaScript在你的HTML中加载本地资源：
<script type="text/javascript">
var s = document.createElement('script');
s.innerHTML = window.android.getFileContents('js/jquery.min.js');
document.head.appendChild(s);
//check if jquery is loaded now...
if(typeof $ != "undefined") {
$(document).ready(function() {
alert("jQuery is loaded!");
});
} else {
alert("jQuery is NOT loaded!");
}
</script>
注意：本示例中的本地资源位于/assets/js/ 子文件夹中。
【讨论】：
在我的 html 页面中，我刚刚添加了一个这样的标签。
<script type="text/javascript" src="file:///android_asset/jquery.js"></script>
<script type="text/javascript" src="file:///android_asset/englArrIni.js"></script>
<script type="text/javascript" src="file:///android_asset/point.js"></script>
<script type="text/javascript" src="file:///android_asset/dataManager.js"></script>
当你加载你的 url 时，它会自动加载所有的 js 文件。我想这对你有帮助。
【讨论】：