WebView加载h5页面弹窗无法显示问题和申请摄像头权限问题做个记录_ぃ随风逍遥う的博客

相关文章推荐

爽快的花卷 · 2024年5月20日至26日在施工工程· 5 月前 ·

大力的冰棍 · 房车旅行家_依维柯欧胜EV车友圈_懂车帝· 1 年前 ·

近视的豆浆 · 2015年3月12日外交部发言人洪磊主持例行记者会· 1 年前 ·

小眼睛的热带鱼 · 阜阳市颍东区：建功乡村振兴 ...· 1 年前 ·

老实的皮蛋 · 习近平在福建 - 专题专栏 - 东南网· 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