uni-app 3.1.2之后版本plus.webview.create()导致html黑屏或黑屏乱码

uni-app 3.1.2之后版本plus.webview.create()导致html黑屏或黑屏乱码

开发环境 版本号 项目创建方式
Windows win10 HBuilderX 
测试过的手机：
所有安卓手机

示例代码：

```javascript
plus.webview.create(`/hybrid/html/messagePopup.html?id=${data.id}&name=${data.name}&time=${data.time}&avatar=${data.avatar}&content=${data.content}&messageType=${data.messageType}&type=${data.type}`, 'custom-webview', {'uni-app': 'none'})

操作步骤：

plus.webview.create(`/hybrid/html/messagePopup.html?id=${data.id}&name=${data.name}&time=${data.time}&avatar=${data.avatar}&content=${data.content}&messageType=${data.messageType}&type=${data.type}`, 'custom-webview', {'uni-app': 'none'})

预期结果： 预期结果：3.1.2弹出html正常.

实际结果： 预期结果：除了3.1.2弹出html黑屏或者黑屏乱码.

bug描述： 使用hbuilderx3.1.2版本使用

plus.webview.create();

可以正常弹出html，只后的所有版本只要使用

plus.webview.create();

就会导致黑屏或者黑屏乱码.


更多关于uni-app 3.1.2之后版本plus.webview.create()导致html黑屏或黑屏乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 3.1.2之后版本plus.webview.create()导致html黑屏或黑屏乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的兼容性问题。从uni-app 3.1.3开始，渲染引擎升级导致部分HTML页面在Webview中显示异常。

解决方案：

  1. 检查HTML页面编码 确保HTML文件使用UTF-8编码，避免中文字符乱码。在HBuilderX中右键HTML文件，选择"文件编码"，设置为UTF-8。

  2. 添加Webview样式配置 创建Webview时添加样式配置：

plus.webview.create(url, 'custom-webview', {
  'uni-app': 'none',
  styles: {
    hardwareAccelerated: true,
    render: 'always'
  }
})
回到顶部