微信小程序 - webview 动态加载(网页) 以及加载域名的限制

本文涉及的产品
.cn 域名,1个 12个月
简介: 微信小程序 - webview 动态加载(网页) 以及加载域名的限制

  • 在微信小程序开发的时候,webview 能打开的链接为: 1、小程序关联的公众号文章连接(一个小程序可以关联多个公众号),但是不支持公众号里面的专辑链接 2、业务域名(小程序开发后台中配置的业务域名,业务域名需要在域名根目录添加效验文件)


  • 在微信小程序开发的时候封装一个动态加载指定URL的webview,但是发现设置好动态 src 之后打开 webview 页面空白一片。


  • 解决办法:重启微信小程序开发工具,再次打开即可动态加载出来指定网页,记得确定 url 是有效的网页地址。


  • index.js ``` // pages/web/index.js Page({ /**


  • 页面的初始数据 */ data: { // 将要打开的链接 url: "" },

/**


  • 生命周期函数--监听页面加载 */ onLoad: function (options) { this.setData({ // 传入的URL参数 url: options.url // 设置URL // url: "http://mp.weixin.qq.com/s?__biz=MzA5OTI4NTkxNg==&mid=100000654&idx=1&sn=2ce1460e8d9328b6d0a4d9724f418c63&chksm=1085ed7d27f2646bf6d181b9111577586d8cd88307c9708a55f529b8a65495c27801b2b9cf7c#rd" }) } }) ```


  • index.wxml


<!--pages/web/index.wxml--> <web-view src="{{url}}"></web-view>

相关文章
|
5天前
|
程序员 开发工具 Android开发
Android|WebView 禁止长按,限制非白名单域名的跳转层级
如何限制 WebView 仅域名白名单网址能随意跳转,并禁用长按选择文字。
15 2
|
2月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
25天前
|
缓存 小程序 UED
如何利用小程序的生命周期函数实现数据的加载和更新?
如何利用小程序的生命周期函数实现数据的加载和更新?
50 4
|
3月前
|
监控 小程序 数据处理
揭秘支付宝小程序性能优化秘籍:从加载到运行,每一步都快人一步!
【8月更文挑战第27天】本文深入探讨了支付宝小程序性能优化的关键技术和策略,包括减少网络请求、利用CDN加速、代码按需加载、图片压缩、懒加载以及性能监控等多方面内容,并提供了实用的示例代码,帮助开发者显著提升小程序的加载速度与运行效率,创造更佳用户体验。
67 1
|
3月前
|
域名解析 网络协议
WeCom——通过企业微信来搭建自己的域名邮箱
WeCom——通过企业微信来搭建自己的域名邮箱
132 0
|
4月前
|
小程序
旅游计划定制小程序网页模板源码
旅游计划定制小程序网页模板源码
39 1
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的旅游网页附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的旅游网页附带文章和源代码部署视频讲解等
35 2
基于ssm+vue.js+uniapp小程序的旅游网页附带文章和源代码部署视频讲解等
|
4月前
|
小程序 开发者
【微信小程序】 微信小程序报错不在以下request合法域名列表中
【微信小程序】 微信小程序报错不在以下request合法域名列表中
858 0
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的布卡维纳红酒网页附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的布卡维纳红酒网页附带文章和源代码部署视频讲解等
135 8
|
4月前
|
API
支付系统----微信支付24--APlv3介绍,首先我们要引入支付参数,包含商户号,APPID、API秘钥,数字证书,用代码加载到应用程序当中,之后加载商户私钥,商户需要用私钥进行验签,微信平台接收商
支付系统----微信支付24--APlv3介绍,首先我们要引入支付参数,包含商户号,APPID、API秘钥,数字证书,用代码加载到应用程序当中,之后加载商户私钥,商户需要用私钥进行验签,微信平台接收商