webview使用小结

因项目需要对接第三方提供的页面，使用到webview遇到的一些问题，记录以作查询。

第一个需求是h5调起手机相机拍照，提供的文档资料是

Android: kh.openCamera(index) //kh为类名（建议Android端建一个kh类）

webview要想和h5的js进行交互首先要设置

/** webView相关属性的设置 */webSettings= webView.getSettings();webSettings.setJavaScriptEnabled(true);

然后调用addJavascriptInterface方法来回调接口

webView.addJavascriptInterface(new JsInteration (),"kh");
//h5网页唤起相机拍照public class JsInteration {   @JavascriptInterface   public void openCamera(int i) {      photoType=i;      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {         int hasWriteContactsPermission = checkSelfPermission(Manifest.permission.ACCESS_FINE_LOCATION);         if (hasWriteContactsPermission != PackageManager.PERMISSION_GRANTED) {            requestPermissions( new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.CAMERA}, CODE_FOR_WRITE_PERMISSION);            return;         } else {            openCamare();         }      } else {         openCamare();      }   }   @JavascriptInterface   public void backApp(boolean isGo){      if (isGo){         finish();      }else{         webView.loadUrl("javascript:history.go(-1)");      }   }}
图片上传成功后需要再将如偏路径返回给h5
String call = "javascript:getImgUrl("+photoType+",\""+url+"\")";webView.loadUrl(call);
这里注意一点是如果是字符串，要加\"括起来；
最后完成时 发现页面加载完成后不加载js,试过n种办法后 发现只要加
webSettings.setDomStorageEnabled(true);就可以了。。虽然还没明白为啥
附录完整代码
package shenzhen.com.cn.company;import android.Manifest;import android.annotation.SuppressLint;import android.app.Activity;import android.content.Context;import android.content.Intent;import android.content.pm.PackageManager;import android.graphics.Bitmap;import android.net.Uri;import android.os.Build;import android.os.Bundle;import android.os.Environment;import android.util.Base64;import android.view.KeyEvent;import android.view.View;import android.view.View.OnClickListener;import android.webkit.JavascriptInterface;import android.webkit.WebChromeClient;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Button;import android.widget.TextView;import android.widget.Toast;import com.jph.takephoto.app.TakePhoto;import com.jph.takephoto.app.TakePhotoActivity;import com.jph.takephoto.compress.CompressConfig;import com.jph.takephoto.model.LubanOptions;import com.jph.takephoto.model.TResult;import org.json.JSONObject;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.IOException;import java.io.InputStream;import java.util.HashMap;import me.shaohui.advancedluban.Luban;import shenzhen.com.cn.R;import shenzhen.com.cn.common.http.BaseCallBack;import shenzhen.com.cn.common.http.HttpNet;import shenzhen.com.cn.common.http.HttpUrlConstants;import shenzhen.com.cn.common.util.SharedPreferencesKeeper;import shenzhen.com.cn.common.util.ToastDialog;import shenzhen.com.cn.common.view.CustomProgressDlg;public class CashLoanActivity extends TakePhotoActivity {/** 顶部返回按钮 */private Button comm_top_bar_left_btn;/** 顶部中间标题 */private TextView comm_top_bar_mid_text;/** Called when the activity is first created. */private WebView webView;private int flag=0;protected CustomProgressDlg dialog;private Activity context;private int photoType=0;//0:身份证正面照1:身份证背面照2:持身份证自拍照private String tit_back="";private WebSettings webSettings;@SuppressLint("SetJavaScriptEnabled")@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.about_us);context=this;comm_top_bar_left_btn = (Button) findViewById(R.id.comm_top_bar_left_btn);comm_top_bar_left_btn.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if (tit_back.equals("借款")||tit_back.equals("还款")||tit_back.equals("个人中心")){finish();}else{if (webView.canGoBack()){webView.goBack();}else{finish();}}}});comm_top_bar_mid_text = (TextView) findViewById(R.id.comm_top_bar_mid_text);webView = (WebView) findViewById(R.id.mainWebView);/** webView相关属性的设置 */webSettings= webView.getSettings();webSettings.setJavaScriptEnabled(true);webSettings.setDomStorageEnabled(true);webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);//webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) // KITKAT{webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);}String url="";comm_top_bar_mid_text.setText(getIntent().getStringExtra("title"));url=getIntent().getStringExtra("url");webView.addJavascriptInterface(new JsInteration (),"kh");webView.setWebChromeClient(new WebChromeClient(){@Overridepublic void onReceivedTitle(WebView view, String title) {super.onReceivedTitle(view, title);tit_back=webView.getTitle();comm_top_bar_mid_text.setText(webView.getTitle());}});webView.setWebViewClient(new MyCustomWebViewClient());webView.loadUrl(url);}@Overrideprotected void onDestroy() {super.onDestroy();if (dialog != null){dialog.dismiss();dialog = null;}}//h5网页唤起相机拍照public class JsInteration {@JavascriptInterfacepublic void openCamera(int i) {photoType=i;if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {int hasWriteContactsPermission = checkSelfPermission(Manifest.permission.ACCESS_FINE_LOCATION);if (hasWriteContactsPermission != PackageManager.PERMISSION_GRANTED) {requestPermissions( new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.CAMERA}, CODE_FOR_WRITE_PERMISSION);return;} else {openCamare();}} else {openCamare();}}@JavascriptInterfacepublic void backApp(boolean isGo){if (isGo){finish();}else{webView.loadUrl("javascript:history.go(-1)");}}}private static int CODE_FOR_WRITE_PERMISSION=1;@Overridepublic void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {if (requestCode==CODE_FOR_WRITE_PERMISSION){if (permissions[0].equals(Manifest.permission.CAMERA)) {//成功，开启摄像头openCamare();} else {//授权失败ToastDialog.showToast(this,"请打开相机权限和存储权限");}return;}super.onRequestPermissionsResult(requestCode, permissions, grantResults);}TakePhoto takePhoto;private void openCamare(){File file = new File(Environment.getExternalStorageDirectory(), "/temp/" + System.currentTimeMillis() + ".jpg");if (!file.getParentFile().exists()) file.getParentFile().mkdirs();final Uri imageUri = Uri.fromFile(file);takePhoto = getTakePhoto();//        CompressConfig compressConfig=new CompressConfig.Builder().setMaxSize(1024*1024).create();LubanOptions option=new LubanOptions.Builder().setGear(Luban.CUSTOM_GEAR).setMaxHeight(1000).setMaxWidth(1000).setMaxSize(1024*1024).create();CompressConfig config=CompressConfig.ofLuban(option);takePhoto.onEnableCompress(config,false);takePhoto.onPickFromCapture(imageUri);}private class MyCustomWebViewClient extends WebViewClient {@Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {if (url.startsWith("tel")){Uri uri = Uri.parse(url);Intent intent = new Intent(Intent.ACTION_DIAL, uri);startActivity(intent);}else{view.loadUrl(url);}return true;}@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {super.onPageStarted(view, url, favicon);showProgressDialog(context,"");}@Overridepublic void onPageFinished(WebView view, String url) {super.onPageFinished(view, url);//comm_top_bar_mid_text.setText(view.getTitle());hideProgressDialog();}public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) {hideProgressDialog();Toast.makeText(CashLoanActivity.this, "抱歉, 加载失败" + description,Toast.LENGTH_SHORT).show();}}@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {// TODO Auto-generated method stubif(keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN){if (tit_back.equals("借款")||tit_back.equals("还款")||tit_back.equals("个人中心")){finish();}else{if (webView.canGoBack()){webView.goBack();}else{finish();}}return true;}return super.onKeyDown(keyCode, event);}@Overridepublic void takeCancel() {super.takeCancel();       runOnUiThread(new Runnable() {@Overridepublic void run() {webView.loadUrl("javascript:shutCamera()");}});}@Overridepublic void takeSuccess(TResult result) {super.takeSuccess(result);if (result!=null &&result.getImages()!=null&&result.getImages().size()>0) {String path=result.getImages().get(0).getPath();File file = new File(path);try {InputStream filin= new FileInputStream(file);update(filin);} catch (FileNotFoundException e) {e.printStackTrace();}}}@Overridepublic void takeFail(TResult result, String msg) {super.takeFail(result, msg);ToastDialog.showToast(context, "图片选择失败，请重试");}private void update(final InputStream is) {String url= HttpUrlConstants.URL_210;HashMap<String,String> param=new HashMap<>();param.put("outerId", SharedPreferencesKeeper.readInfomation(context,2));//param.put("channelId","123");param.put("photoUrl",fileToBase64(is));param.put("photoType",photoType+"");HttpNet.doHttpRequestWithType(HttpNet.POST, url, param, new BaseCallBack() {@Overridepublic void success(Object data) {runOnUiThread(new Runnable() {@Overridepublic void run() {webView.loadUrl("javascript:shutCamera()");}});try {JSONObject obj=new JSONObject(data.toString());if (obj.getInt("code")==0){String url=obj.getString("data");String call = "javascript:getImgUrl("+photoType+",\""+url+"\")";webView.loadUrl(call);}}catch (Exception e){e.printStackTrace();}}@Overridepublic void failed(Object data) {runOnUiThread(new Runnable() {@Overridepublic void run() {webView.loadUrl("javascript:shutCamera()");}});String call = "javascript:getImgUrl("+photoType+")";webView.loadUrl(call);//showToastMsg("图片上传失败，请重试");}});}//将输入流转换成字符串public static String fileToBase64(InputStream in) {String base64 = null;try {byte[] bytes = new byte[in.available()];int length = in.read(bytes);base64 = Base64.encodeToString(bytes, 0, length, Base64.DEFAULT);} catch (FileNotFoundException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();} finally {try {if (in != null) {in.close();}} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();}}return base64;}/** * 显示进度框 * @param msg 进度框文本提示 */protected void showProgressDialog(Context context, String msg){if (dialog == null) {dialog = new CustomProgressDlg(context, R.style.MyDialog, msg);}if (null != dialog && !dialog.isShowing()) {try {dialog.show();} catch (Exception e) {e.printStackTrace();}}}/** * 隐藏进度提示框 */public void hideProgressDialog(){if (null != dialog && dialog.isShowing()) {try {dialog.dismiss();dialog = null;} catch (Exception e) {e.printStackTrace();}}}}