微信小程序web-view使用说明，及链接打不开问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序web-view使用说明，及链接打不开问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

开发微信小程序时，有时会需要在小程序内打开网页链接，这时就需要用到 web-view 标签。web-view 是小程序上用来承载网页的容器，且每个页面只能有一个 web-view，它会自动铺满整个页面，并覆盖其他组件。目前个人类型的小程序上不支持使用。

在小程序上打开的网页链接地址大致可以分为两种类型：

web-view 跳转外部网页链接需要配置业务域名，外部网页内 iframe 的域名也需要配置。配置小程序业务域名的方法可以参考业务域名 | 微信开放文档，配置好业务域名后，可以打开任意合法的子域名。大致配置流程如下：

1、扫码登录微信公众平台；

2、开发管理 —— 开发设置 —— 业务域名进行添加、修改；

微信小程序web-view使用说明，及链接打不开问题

3、配置完业务域名后，还需要下载校验文件（步骤2中第四张图的红色框部分），并将校验文件放置在域名根目录下（让后端去操作）。这一步相当于是让对方授权你能打开他的网页，比如要在你的小程序中打开百度，就需要百度去把这个校验文件放到他的域名根目录下得到他的授权；

4、设置业务域名时，报检查校验怎见石板，可以参考业务域名设置--校验文件检查失败自查指引 | 微信开放社区进行自查。

web-view 可以直接打开小程序已关联的公众号文章，无法打开未关联公众号的文章链接。在公众号上申请关联小程序，具体操作详见公众号关联小程序绑定流程 | 微信开放社区。

公众号上关联小程序成功后，可以在小程序后台查看已关联的公众号：

1、扫码登录微信公众平台（同上）；

2、在左侧最底下的设置 —— 关联设置 ——关联公众号查看。

使用 web-view 时，有时会出现无法打开链接的情况：

微信小程序web-view使用说明，及链接打不开问题

这里总结之前碰到过的情况及大致的解决方法：

1、打不开某个外部网页链接：

2、打不开公众号文章：检查小程序是否已关联该公众号

3、外部网页链接、公众号文章链接在开发工具、体验版上可以打开，正式版上不行：

检查开发工具上是否开启了 “ 不校验合法域名、web-view业务域名、TLS版本以及HTTPS证书 ” 选项，开发工具上开启这个选项，不用配置业务域名或关联小程序也能打开链接，在开发工具上将该选项关掉，也就打不开了，该选项位置如下图；体验版上能打开是因为打开了 “ 开发调试 ”，关闭开发调试后，同样也是打不开。

微信小程序web-view使用说明，及链接打不开问题文章来源地址https://www.toymoban.com/news/detail-484229.html