Webview的各种坑

1.WebView第一次创建在5.X的手机上会比较耗时,会影响页面的启动速度,不管是动态创建还是layout里的结点,第二次创建就不会出现这种情况,第一创建可以做了一些全局初始化的操作,所以可以在启动页或主页预先创建Webview提前做全局的初始化。

2.WebView内存泄露,详见:

方案1:http://blog.youkuaiyun.com/shareus/article/details/51742799

在onResume里setJavaScriptEnabled(true),在onPause里setJavaScriptEnabled(false)

I got this Leaked Connection when using a WebView in my Fragment. In the onCreateView method I did setJavaScriptEnabled(true), which caused this error, when pressing back on the Activity. To get rid of it, I moved the set to onResume(), and also set it to false in onPause(), then problem disappeared.

回收:

public void destroyWebView() {
        ViewParent parent = getParent();
        if (parent != null) {
            ((ViewGroup) parent).removeView(this);
        }
        stopLoading();
        // 退出时调用此方法,移除绑定的服务,否则某些特定系统会报错
        getSettings().setJavaScriptEnabled(false);
        clearHistory();
       loadUrl("about:blank");
        //clearView();
        removeAllViews();
        try {
            destroy();
        } catch (Throwable ex) {
        }
    }
方案2:详见http://www.cnblogs.com/hnrainll/p/4309792.html

加载WebView的界面开启新进程,在该页面退出之后System.exit(0)关闭这个进程

3.Android WebView常见问题及解决方案汇总 ,详见:http://blog.youkuaiyun.com/t12x3456/article/details/13769731/

### UniApp WebView 使用过程中的常见问题与解决方法 #### JavaScript 支持未启用 当在 UniApp 中使用 WebView 组件加载网页时,如果页面依赖于 JavaScript 功能,则可能会遇到交互功能失效的情况。这通常是因为 WebView 的 JavaScript 支持默认处于关闭状态。 为了确保 JavaScript 正常工作,在初始化 WebView 设置时应显式开启 JavaScript 支持[^2]: ```javascript const webViewRef = uni.createSelectorQuery().select('#webView'); webViewRef.context((res) => { res.context.setWebViewJavascriptBridge({ enable: true, handlerName: 'yourHandler' }); }).exec(); ``` #### 表单提交失败 另一个常见的问题是表单数据无法正常提交给服务器端处理。此现象可能是由于 WebView 对 HTML 表单元素的支持不够完善所引起的。 针对这一情况,建议开发者采取以下措施来优化表单操作体验: - 将 `<form>` 标签替换为更灵活的 AJAX 请求方式; - 或者通过监听 `submit` 事件并阻止其默认行为,手动收集字段值并通过 API 发送请求; 对于第二种做法可以参考如下代码片段实现: ```html <form id="myForm"> <!-- form fields here --> </form> <script type="text/javascript"> document.getElementById('myForm').addEventListener('submit', function(event){ event.preventDefault(); // 阻止默认提交动作 const formData = new FormData(this); fetch('/api/endpoint', {method:'POST', body:formData}) .then(response=>response.json()) .catch(error=>console.error('Error:', error)); }); </script> ``` #### Android 和 iOS 平台差异 值得注意的是,尽管两者都采用了 WebKit 渲染引擎作为基础,但在实际应用开发中会发现 iPhone 上的 WebView 性能表现优于 Android 版本[^1]。因此,在跨平台项目里可能需要额外注意不同操作系统间存在的细微差别,并据此调整设计策略以提供一致性的用户体验。 #### 视频播放组件配置不当 部分情况下,用户反馈说在某些设备上观看视频存在问题。经排查得知这是因为没有正确配置 manifest 文件里的 VideoPlayer 属性所致[^3]。具体来说就是缺少必要的权限声明或是未能按照官方文档指示完成相应设置项的选择。 要修正这个问题只需按提示修改应用程序清单文件(manifest.json),找到 App 模块下的 VideoPlayer 节点将其激活后再编译构建新版本即可解决问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值