正文
html5分享微信,html5分享到微信
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
html5页面如何用微信打开并分享？
用第三方合作平台，将html5和页面素材先上传到第三方服务端，也可以在微信平台通过文字或链接跳转的形式，实现html5页面的转换。
自从微信升级 X5 Blink内核之后，兼容性大大好转。IOS虽说没有升级统一为同一版本的内核，但IOS版本的微信一直是WKWebView内核,WKWebView的版本依赖于IOS的版本。
IOS 8.0以上的系统，对Html5和css3的支持率也很高，基本的H5，CSS3的特性均得到支持，测试中有详细数据。
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation、见本处参考资料原文内容：）。
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
相关问答
Q1: html5页面打开 微信 并分享
html5手机网站调用微信分享，其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
Q2: HTML5网页怎么上传到微信公众平台
首先，可以使用微信公众平台的内容编辑器或其他的微信编辑器来编辑微信的内容并发布；
其次，用dw制作的html5网页要在微信公众平台上进行上传，可以通过第三方平台进行；
最后，如果不上传，也可以考虑用微信平台的链接实现对html5网页的跳转。
最后一种方法是最直接有效，而且基本上80%的微信平台都是这样使用的；
希望对你有所帮助！
Q3: 微信如何发布HTML5游戏?
这和微信推送html5页面是同一个原理，微信公众平台本身没有这个存储空间，所以就需要有个服务器或者第三方托管来承载制作好的html5游戏；
1.通常微信都有第三方合作平台，直接调用第三方接口，然后将html5游戏封装文件统一打包上传到第三方服务端。
2.倘若有服务器空间，则直接将html5游戏打包放在网站根目录文件下，在微信端直接调用服务器端的地址即可；
3.可以在微信平台通过文字或链接跳转的形式，实现html5游戏页面的转换。
Q4: HTML5网页如何调用浏览器APP的微信分享功能
一、html5手机网站调用微信分享包括 ：
获取网络类型。
调起客户端的图片播放组件。
调用微信扫描二维码。
判断是否安装对应的应用。
发送邮件。
分享到微信朋友圈。
二、代码如下：
[html] view plain copy
!DOCTYPE html
html
head
meta charset="utf-8"
meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
titleHTML5网页如何调用浏览器APP的微信分享功能/title
meta name="viewport" content="width=device-width, initial-scale=1" /
link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /
link rel="stylesheet" type="text/css" href="css/test.css" /
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
/style
/head
body
span class="shareBtn" id="toshare"点击分享到/span
div id="nativeShare"/div
script type="text/javascript" src="js/vendor/jquery-1.11.3.min.js"/script
script type="text/javascript" src="js/nativeShare.js"/script
script type="text/javascript"
$("#toshare").bind("click", function() {
var config = {
url: '', //分享url
title: '', //内容标题
desc: '', //描述
img: '', //分享的图片
img_title: '', //图片名称
from: '' //来源
};
var share_obj = new nativeShare('nativeShare', config);
$(".am-share").addClass("am-modal-active");
if ($(".sharebg").length 0) {
$(".sharebg").addClass("sharebg-active");
} else {
$("body").append('div class="sharebg"/div');
$(".sharebg").addClass("sharebg-active");
}
$(".sharebg-active,.share_btn").click(function() {
$(".am-share").removeClass("am-modal-active");
setTimeout(function() {
$(".sharebg-active").removeClass("sharebg-active");
$(".sharebg").remove();
}, 300);
})
});
/script
/body
/html
三、输出结果：
四、其他分享接口：
A.获取“分享到朋友圈”按钮点击状态及自定义分享内容接口。
wx.onMenuShareTimeline({
title: '', // 分享标题
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
B.获取“分享给朋友”按钮点击状态及自定义分享内容接口。
wx.onMenuShareAppMessage({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
C.获取“分享到QQ”按钮点击状态及自定义分享内容接口。
wx.onMenuShareQQ({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
D.获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口。
wx.onMenuShareWeibo({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
E.获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
