WebView加载页面，常见的问题

一、错误1：

        Uncaught TypeError: Object [object Object] has no method “xxx”

     这是因为  Android 版本的问题

      在Android 4.2 以前，注入步骤如下：

              wst.setJavaScriptEnabled(true);

              webview.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");

             final class DemoJavaScriptInterface{

                        DemoJavaScriptInterface(){

   

                            }

               public void clickOnAndroid(){

               handler.post(new Runnable() {

@Override
public void run() {
webview.loadUrl("javascript:wave()");
}
});

            }

          }

   在 Android 4.2 以后则要这样注入：

              wst.setJavaScriptEnabled(true);

              webview.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");

             final class DemoJavaScriptInterface{

                  DemoJavaScriptInterface(){  }

                 @JavascriptInterface

               public void clickOnAndroid(){

                handler.post(new Runnable() {

@Override
public void run() {
webview.loadUrl("javascript:wave()");
}
});

            }

          }

     发现区别没？4.2之前向webview注入的对象所暴露的接口没有注释语句@JavascriptInterface，而4.2及以后的则多了注释语句@JavascriptInterface

 二 、返回键的处理：

         

//改写物理按键——返回的逻辑
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// TODO Auto-generated method stub
if(keyCode==KeyEvent.KEYCODE_BACK)
{
if(webView.canGoBack())
{
webView.goBack();//返回上一页面
return true;
}
else
{
System.exit(0);//退出程序
}
}
return super.onKeyDown(keyCode, event);
}

3、重新 自定义 WebChromeClient 对象

webview.setWebChromeClient(new MyWebChromeClient());

final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {

final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());

builder.setTitle("")
.setMessage(message)
.setPositiveButton("确定", null);

// 不需要绑定按键事件
// 屏蔽keycode等于84之类的按键
builder.setOnKeyListener(new OnKeyListener() {
public boolean onKey(DialogInterface dialog, int keyCode,KeyEvent event) {
//    Log.v("onJsAlert", "keyCode==" + keyCode + "event="+ event);
return true;
}
});
// 禁止响应按back键的事件
builder.setCancelable(false);
AlertDialog dialog = builder.create();
dialog.show();
result.confirm();
return true;
}