钉钉小程序 打开web-view页面显示白屏

 问题一：钉钉小程序内嵌web-view页面，在开发者工具上可以正常打开页面。但是真机调试时无法显示。

 注意： 先检查是否配置HTTP 安全域名和Webview 安全域名！！一定要配置

配置后，我真机调试时ios手机仍然无法打开。

原因：发现url中存在中文字符

解决办法：使用encodeURIComponent，encodeURIComponent() 函数通过将特定字符的每个实例替换成代表字符的 UTF-8 编码的一个、两个、三个或四个转义序列来编码 URI

代码如下：

web-view页面

let url =

weBusinessDomain() +

"document/previewFileFromWechat?" +

`token=${token}&docId=${this.docId}&vid=${item.version}&fn=${item.name}&suffix=${item.suffix}&key=${item.so.key}`;

this.$location.push({

path: `${path.webviewPage}?url=${encodeURIComponent(url)}`,

});

问题二：使用钉钉小程序开发，配置了安全域名后，使用苹果手机打开web-view页面可以正常显示，但是使用安卓手机显示白屏。

经过排除，是因为所跳转的页面是使用可选链（?.）语法，而该语法是ES11新特性。在安卓手机上钉钉小程序不支持.....所以导致跳转后显示白屏....

好文推荐