今天在开发项目的时候碰到一个怪事:本着以为开发webview都是简简单单的事情
首先:实例化webview,启用JavaScript,接着再设置WebViewClient
mWebView = (WebView) findViewById(R.id.webView);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
mWebView.setWebViewClient(new WebViewClient() {
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
}
@Override
public void onPageFinished(WebView view, String url) {
}});
接着:在添加javaScript的一些接口,和html进行交互:
mWebView.addJavascriptInterface(new JavaScriptInterface(), "Android");
public class JavaScriptInterface {
JavaScriptInterface() {
}
@JavascriptInterface
public void postPay(String data) {
}
@JavascriptInterface
public void call(String tel) {
Intent intent=new Intent(Intent.ACTION_DIAL,Uri.parse("tel:"+tel));
startActivity(intent);
}}
最后:在html中这样引用
javascript.Android.postPay("hello wordl!");
一切看起来都没有问题,但是跑起来的时候发现Android写的这个javascript的interface总是调用不到,网上找了找,发现度娘上写的基本上都是和本地的html交互写的javascript的interface,而我的是和服务器上的html做的交互,以为不一样,但是各种百度都发现没有找到想关的资料。
然后又换了种思路,在html中来调试,通过在javascript中一步一步alert去发现问题(tips:要使alert在app上也能显示,webview需要在加一个设置,mWebView.setWebChromeClient(new WebChromeClient());)。最后发现alert卡在了一个地方,这个地方崩溃,所有整个js就出错了,所以就调用不到了。
var lastTm = Number(window.localStorage.getItem("lastOperateTm"));
localStorage看上去是一个本地存储的东西,于是乎我又搜索了webview localStorage。
mWebView.getSettings().setDomStorageEnabled(true);
mWebView.getSettings().setAppCacheMaxSize(1024*1024*8);
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
mWebView.getSettings().setAppCachePath(appCachePath);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setAppCacheEnabled(true);
在Android中添加了这些配置,于是乎就成功跑起来了。
总结:html和webview调试还是比较困难的,出了问题都不知道往哪里找,得一步一步的排查,webview中建立本地存储比较少接触,通过这次项目,又多了解了些!