秦子恒个人介绍

招商魔术师

部分作品：

《0基础一小时快速建站》

《微博营销实战宝典》

《网络招商系统》

《微信4部曲》

现在就加入微信开发QQ群：483987340，跟同行探讨微信公众平台开发。群满就关闭，你得等到下一个群开通才能加入…

网络新时代栏目

esxi教程 (2) 微信商户恢复解封 (17) exchange邮箱,exchange邮件服务器 (2) docker教程 (8) 五菱燃油观光车价格，五菱旅游观光车厂家 (4) 五菱房车，五菱房车官方网站信息 (20) 五菱物流车，五菱运输车 (3) 五菱公交，五菱客车 (24) 村村通客车 (1) 村村通公交 (1) 五菱房车，五菱房车官网 (26) 五菱校车，五菱校车官网国六 (26) exchange (6) 微信支付服务商 (10) 思科网络 (17) powershell教程 (25) 扫码点餐系统 (2) redis教程 (1) 海外小程序 (1) 微信域名防封系统 (2) 海外公众号 (2) 新加坡微信支付 (1) app应用解封 (5) 公众号解封 (16) 微信服务商 (10) 微信域名检测 (10) 恢复微信屏蔽网站 (110) 微信功能直达 (3) 老来网认证教程 (8) 付费视频网站源码 (34) 香港微信支付 (13) 微信境外支付 (18) wordpress付费阅读插件 (15) swoole教程 (14) 女装 (1) wordpress支付插件 (20) 微信服务直达开发 (16) 微信扫码支付开发 (5) wordpress插件开发 (27) 小程序插件 (6) 玩转小程序 (37) 微信沙箱 (21) web-view (40) 社交立减金 (10) 腾讯云 (22) php7 (36) 支付宝小程序 (4) 微信h5支付 (23) 企业微信 (3) 小程序运营 (17) javascript (29) 小程序支付开发 (44) 支付开发 (1) 小程序开发 (93) 微信小程序 (69) 微信买单 (4) 微信商户号 (10) 公众号支付 (20) 微信小店 (7) vim (5) 生活 (3) php订单 (13) 微信开发 (113) 微信公众号 (86) 饥饿营销 (15) 政府网站 (3) 互联网+ (52) nginx (23) apache (9) linux (42) mysql (14) php (36) 跨境电商 (2) 网站运营 (2) 京东运营 (53) 微博运营 (52) 电商运营 (97) 微电影 (1) 网络招商 (7) 网络招商研究 (8) 网络招商案例 (2) 网络招商教程 (12) 网络招商工具 (3) 招商方案动态 (1) 网络招商灵感 (3) 微博营销 (11) 未分类 (47)

网络新时代文章归档

2021年10月 (2) 2021年9月 (15) 2021年8月 (16) 2021年7月 (12) 2021年6月 (20) 2021年5月 (17) 2021年4月 (14) 2021年3月 (1) 2021年2月 (2) 2020年12月 (2) 2020年11月 (16) 2020年10月 (21) 2020年9月 (21) 2020年8月 (20) 2020年7月 (18) 2020年6月 (17) 2020年5月 (25) 2020年4月 (3) 2020年3月 (9) 2020年2月 (4) 2020年1月 (12) 2019年12月 (8) 2019年11月 (19) 2019年10月 (30) 2019年9月 (29) 2019年8月 (23) 2019年7月 (10) 2019年6月 (18) 2019年5月 (15) 2019年4月 (29) 2019年3月 (24) 2019年2月 (2) 2019年1月 (1) 2018年11月 (13) 2018年10月 (29) 2018年9月 (31) 2018年8月 (55) 2018年7月 (64) 2018年6月 (74) 2018年5月 (53) 2018年4月 (71) 2018年3月 (47) 2018年2月 (48) 2018年1月 (72) 2017年12月 (40) 2017年11月 (38) 2017年10月 (17) 2017年9月 (9) 2017年8月 (31) 2017年7月 (20) 2017年6月 (33) 2017年5月 (13) 2017年4月 (4) 2016年12月 (8) 2016年11月 (20) 2016年10月 (19) 2016年9月 (22) 2016年6月 (13) 2017年2月 (32) 2017年3月 (24) 2016年8月 (30) 2016年5月 (1) 2013年8月 (1) 2013年7月 (5) 2013年5月 (1) 2013年6月 (5) 2013年4月 (4) 2013年3月 (1) 2013年2月 (9) 2013年1月 (9) 2012年12月 (5)

首页新建小程序项目小程序使用web-view打开网页，微信小程序打开html页面

下面内容小编就为大家带来一篇说小程序使用web-view打开网页，微信小程序打开html页面。小编觉得挺不错的，现在就分享给大家，如果你在找在线小程序二维码，滚动商品，小程序关键词，也可以做个借鉴。一起跟随小编过来看看吧。

小程序使用web-view打开网页，微信小程序打开html页面

作者：小程序分析员发布时间：2017-11-03

经常有学员向子恒老师咨询：我们有自己的web网站，已经上传了很多网页信息，微信小程序中能不能打开网页，让客户看到内容。以前小程序里是不支持的，但是在昨天开始，你可以在小程序里打开你的网页，这是微信小程序团队， 11月2号开放的新功能。 [caption id="attachment_4223" align="alignnone" width="1108"]

小程序打开网页[/caption]

一、小程序打开网页的条件

1）小程序基础库版本要大于 1.6.4，低版本的小程序需要做兼容处理 2）网页内容只能在<web-view/>组件中显示，它会自动铺满整个小程序页面 3）个人类型与海外类型的小程序暂不支持使用web-view组件打开网页

二、小程序web-view组件打开网页示例代码

<web-view src="https://mp.weixin.qq.com/"></web-view>

三、 web-view组件相关接口

web-view接口1

<web-view/>网页中可使用JSSDK 1.3.0提供的接口返回小程序页面。支持的接口有：

接口名	说明	最低版本
wx.miniProgram.navigateTo	参数与小程序接口一致	1.6.4
wx.miniProgram.navigateBack	参数与小程序接口一致	1.6.4
wx.miniProgram.switchTab	参数与小程序接口一致	即将开放
wx.miniProgram.reLaunch	参数与小程序接口一致	即将开放
wx.miniProgram.redirectTo	参数与小程序接口一致	即将开放

示例代码：

<!-- html -->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>

// javascript
wx.miniProgram.navigateTo({url: '/path/to/page'})

web-view接口2

<web-view/>网页中仅支持以下JSSDK接口有：

接口模块	接口说明	具体接口
判断客户端是否支持js		checkJSApi
图像接口	拍照或上传	chooseImage
	预览图片	previewImage
	上传图片	uploadImage
	下载图片	downloadImage
	获取本地图片	getLocalImgData
音频接口	开始录音	startRecord
	停止录音	stopRecord
	监听录音自动停止	onVoiceRecordEnd
	播放语音	playVoice
	暂停播放	pauseVoice
	停止播放	stopVoice
	监听语音播放完毕	onVoicePlayEnd
	上传接口	uploadVoice
	下载接口	downloadVoice
智能接口	识别音频	translateVoice
设备信息	获取网络状态	getNetworkType
地理位置	使用内置地图	getLocation
	获取地理位置	openLocation
摇一摇周边	开启ibeacon	startSearchBeacons
	关闭ibeacon	stopSearchBeacons
	监听ibeacon	onSearchBeacons
微信扫一扫	调起微信扫一扫	scanQRCode
微信卡券	拉取使用卡券列表	chooseCard
	批量添加卡券接口	addCard
	查看微信卡包的卡券	openCard
长按识别	小程序圆形码	无

web-view接口3

用户分享时可获取当前<web-view/>的URL，即在onShareAppMessage回调中返回webViewUrl参数。示例代码：

Page({
  onShareAppMessage(options) {
    console.log(options.webViewUrl)
  }
})

四、使用web-view打开网页需要注意的地方

1) 每个页面只能有一个<web-view/> 2) 在iOS中，若存在JSSDK接口调用无响应的情况，可在<web-view/>的src后面加个#wechat_redirect解决。

五、 web-view打开网页视频教程

请关注《秦子恒微信课堂》最新课程

设置销售型小程序的运费，包邮金额，发货时间的方法

申请试用小程序，免费使用7天，小程序功能无限制

声明：部分文章或图片未能及时与原作者取得联系，若来源标注错误或侵犯到您的权益烦请告知QQ：2334512685，我们会及时删除。

发布：秦子恒博客，欢迎转载分享，请保留出处。

小程序使用web-view打开网页，微信小程序打开html页面链接：https://www.qinziheng.com/details/4222/

本文关键词：预览小程序小程序关键词滚动商品在线小程序二维码