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

简介: 微信小程序 - 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>

相关文章
|
JavaScript 前端开发 程序员
如何打开一个网站让里面的内容是加载另一个网站域名的内容并且看不出来-优雅草央千澈-其次加入禁止右键点击-禁止选择文本和复制以及禁止键盘快捷键
如何打开一个网站让里面的内容是加载另一个网站域名的内容并且看不出来-优雅草央千澈-其次加入禁止右键点击-禁止选择文本和复制以及禁止键盘快捷键
735 22
如何打开一个网站让里面的内容是加载另一个网站域名的内容并且看不出来-优雅草央千澈-其次加入禁止右键点击-禁止选择文本和复制以及禁止键盘快捷键
|
前端开发
一键复制微信聊天框效果:HTML+CSS让网页聊天更生动!
一键复制微信聊天框效果:HTML+CSS让网页聊天更生动!
|
域名解析 网络协议
WeCom——通过企业微信来搭建自己的域名邮箱
WeCom——通过企业微信来搭建自己的域名邮箱
2451 0
|
小程序 开发者
【微信小程序】 微信小程序报错不在以下request合法域名列表中
【微信小程序】 微信小程序报错不在以下request合法域名列表中
3558 0
|
小程序
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
1798 0
|
XML JSON 数据安全/隐私保护
如何使用Fiddler抓取APP接口和微信授权网页源代码
Fiddler是一款强大的抓包工具,用于捕获HTTP/HTTPS流量,包括手机APP和微信授权页面的数据。下载安装Fiddler后,需设置电脑代理,如端口8888,并在手机上配置相同代理,确保两者在同一局域网。通过安装Fiddler证书,可解密HTTPS请求。在手机上打开目标应用或网页,Fiddler将显示请求详情,便于接口调试和数据查看。
1658 0
如何使用Fiddler抓取APP接口和微信授权网页源代码
微信登陆报错:redirect_uri域名与后台配置不一致,错误码:10003 微信支付报错 微信登录报错 微信开发
微信登陆报错:redirect_uri域名与后台配置不一致,错误码:10003 微信支付报错 微信登录报错 微信开发
3231 0
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的在线考试与学习交流网页平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的在线考试与学习交流网页平台的详细设计和实现
272 1
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
3009 1
|
安全 Java Linux
企业微信应用结合Cpolar内网穿透实现固定域名验证回调本地接口服务
企业微信应用结合Cpolar内网穿透实现固定域名验证回调本地接口服务
1030 1