html5页面打开 微信 并分享

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5页面打开 微信 并分享相关的知识,希望对你有一定的参考价值。

我要做个功能是点击某软件里面h5页面的一个链接,分享到微信朋友圈,判断分享成功就加积分。通过js-sdk可行,但是无法通过点击链接使用微信客户端打开原网页。
====

分享功能已经能实现了。但是前提是在微信客户端下。我是要在一个别的软件打开的页面来实现这个功能的(第一步:使用微信客户端打开页面;第二步:分享并实现分享后的操作。第二步ok了,第一步这里卡住了) 我小学语文是数学老师教的
====
另外,手机UC浏览器和手机QQ浏览器内置插件支持直接分享到微信朋友圈,并且有微信返回的回调值,提示是否分享成功。但是现在无法查到相关js源码。请问有希望通过这种方式实现我的功能吗?

http://download.csdn.net/detail/trojin_inhv/8905389
html5手机网站调用微信分享,其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈追问

您好,下载了。这个里面的方法好像在新的js sdk文档出来的时候就失效了

参考技术A

用第三方合作平台,将html5和页面素材先上传到第三方服务端,也可以在微信平台通过文字或链接跳转的形式,实现html5页面的转换。

自从微信升级 X5 Blink内核之后,兼容性大大好转。ios虽说没有升级统一为同一版本的内核,但IOS版本的微信一直是WKWebView内核,WKWebView的版本依赖于IOS的版本。

IOS 8.0以上的系统,对Html5和css3的支持率也很高,基本的H5,CSS3的特性均得到支持,测试中有详细数据。

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3C Recommendation、见本处参考资料原文内容:)。

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

JS判断是否在微信浏览器打开

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。

以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。

if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
                //在微信中打开
        }
        if (ua.match(/WeiBo/i) == "weibo") {
                //在新浪微博客户端打开
        }
        if (ua.match(/QQ/i) == "qq") {
                //在QQ空间打开
        }
        if (browser.versions.ios) {
                //是否在IOS浏览器打开
        } 
        if(browser.versions.android){
                //是否在安卓浏览器打开
        }
} else {
        //否则就是PC浏览器打开
}

通过以下方法可以判断很多浏览器。包括判断IE浏览器,Opera浏览器,苹果浏览器,谷歌浏览器,火狐浏览器等。

var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {         //移动终端浏览器版本信息
            trident: u.indexOf(‘Trident‘) > -1, //IE内核
            presto: u.indexOf(‘Presto‘) > -1, //opera内核
            webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
            gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或uc浏览器
            iPhone: u.indexOf(‘iPhone‘) > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
            webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

 

以上是关于html5页面打开 微信 并分享的主要内容,如果未能解决你的问题,请参考以下文章

用chrome模拟微信浏览器访问需要OAuth2.0网页授权的页面

JS判断是否在微信浏览器打开

页面只能在微信中打开,并禁用分享功能

怎么让html5页面中的链接启动微信打开

h5页面微博里面打开 怎样做分享到微信的功能

微信小程序 分享的页面打开提示“页面不存在”