相关文章推荐
斯文的剪刀  ·  为什么WebView.evaluateJav ...·  3 周前    · 
慷慨的圣诞树  ·  android ...·  1 月前    · 
安静的弓箭  ·  关于 MyBatis-Plus ...·  3 月前    · 
潇洒的茴香  ·  Not resolving private ...·  8 月前    · 
冷静的炒粉  ·  创建窗口 - Win32 apps | ...·  1 年前    · 
鬼畜的山羊  ·  Can’t SSH to Azure ...·  1 年前    · 

参考文章:
WebView 加载H5页面空白问题
WebView使用getUserMedia

首先需要设置webview支持js,在Android 9.0后,访问地址如果是http开头的,还需要在配置文件里设置允许http访问:android:usesCleartextTraffic=“true”
webview基础设置:

WebSettings webSettings=mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);//允许使用js
        webSettings.setDomStorageEnabled(true);
        webSettings.setSupportMultipleWindows(true);//允许开发多个窗口
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //设置允许JS弹窗

先介绍WebViewClient与WebChromeClient区别

使用WebView基本都会使用这两个类,那他们有哪些区别呢?

WebViewClient主要帮助WebView处理各种通知、请求事件的,有以下常用方法:

  • onPageFinished 页面请求完成
  • onPageStarted 页面开始加载
  • shouldOverrideUrlLoading 拦截url
  • onReceivedError 访问错误时回调,例如访问网页时报错404,在这个方法回调的时候可以加载错误页面。

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等,有以下常用方法。

  • onJsAlert webview不支持js的alert弹窗,需要自己监听然后通过dialog弹窗
  • onReceivedTitle 获取网页标题
  • onReceivedIcon 获取网页icon
  • onProgressChanged 加载进度回调

所以要解决弹窗无法显示问题需要重写WebChromeClient,这样加上基础的设置就可以显示JS 的Alert

mWebView.setWebChromeClient(new WebChromeClient());

webView获取权限问题

试过在程序上动态赋予摄像头权限后,开启网页调用摄像头还是会提示权限被拒绝,原因是Android 浏览器上回调默认是拒绝的,还是需要重webChromeClient里面的方法,手动赋予,或者自定义dialog提示用户是否授权,在这里我就直接给它授权了

private WebChromeClient mWebChromeClient = new WebChromeClient(){
        @Override
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
            result.confirm();
            return true;
        @Override
        public void onPermissionRequest(PermissionRequest request) {
            if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
                request.grant(request.getResources());
                request.getOrigin();

这样就可以了,原先以为程序上赋予权限就可以调用摄像头了,原来通过浏览器访问摄像头,同样也要申请权限,两者还不一样,记录一下。

String url = "http://www.baidu.com"; final ProgressDialog dialog = new ProgressDialog(this); dialog.setMessage("加载资源..."); dialog.show(); 最后,我必须在原生Android中实现自己的WebView组件.问题是onPermissionRequest()函数,它没有在本机WebView中实现.您必须创建自己的并覆盖该功能.在我的情况下,我不得不添加以下代码(所有文件都在路径下[react-native-project] / android / app / src / main / java / com / listproject / p... created() { if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) { this.getUserMedi... 直接上代码,代码里面有注释:1、首先在Manifest.xml中添加如下权限: <!-- 访问网络权限 --> <uses-permission android:name="android.permission.INTERNET"/> <!-- 调用摄像头权限 --> <uses-permission android:name="android.permission