微信内核浏览器一些用法

自动关闭当前页面回到微信对话窗口

WeixinJSBridge.call(‘closeWindow‘);

分享功能

// 需要分享的内容,请放到ready里
        WeixinApi.ready(function(Api) {
            // 微信分享的数据
            var wxData = {
                "appId": "", // 服务号可以填写appId
                "imgUrl" : ‘${basePath}resource/images/activeShare/activeShareIphone6.jpg‘,
                //"link" : ‘localhost:8080/jsBysjxyptWapV2/share/recommend.shtml?parentCuetomerId=${cuetomerInfoId}‘,friendShareId
                "link" : ‘http://ilanmao.cn/jsBysjxyptWap/activeShare/friendShareHome.shtml?friendShareId=${(cuetomerInfoId)?default("")}‘,
                //"desc" : ‘微信全民攒人品抢iPhone6火爆进行中,邀请好友迅速增加你的人品值!人品值还可换购干洗服务哦!‘,
                "desc" : ‘占用你一秒钟时间就能帮我赢iPhone6,是朋友就快来帮忙,你也可以一起来抢!‘,
                "title" : ‘${(nickName)?default("TA")}喊你来帮TA抢iPhone6‘
            };

            // 分享的回调
            var wxCallbacks = {
                // 分享操作开始之前
                ready : function() {
                    // 你可以在这里对分享的数据进行重组
                    //alert("准备分享");
                },
                // 分享被用户自动取消
                cancel : function(resp) {
                    // 你可以在你的页面上给用户一个小Tip,为什么要取消呢?
                    //alert("分享被取消");
                },
                // 分享失败了
                fail : function(resp) {
                    // 分享失败了,是不是可以告诉用户:不要紧,可能是网络问题,一会儿再试试?
                    //alert("分享失败");
                },
                // 分享成功
                confirm : function(resp) {
                    // 分享成功了,我们是不是可以做一些分享统计呢?
                    //window.location.href=‘http://192.168.1.128:8080/wwyj/test.html‘;
                    //alert("分享成功");//alert("分享成功,您可以在朋友贡献榜中看到哪些人为您的助威!记得经常关注人品排行榜哦,祝您如愿以偿拿到iPhone6!");

                },
                // 整个分享过程结束
                all : function(resp) {
                    // 如果你做的是一个鼓励用户进行分享的产品,在这里是不是可以给用户一些反馈了?
                    //alert("分享结束");
                }
            };

            // 用户点开右上角popup菜单后,点击分享给好友,会执行下面这个代码
            Api.shareToFriend(wxData, wxCallbacks);

            // 点击分享到朋友圈,会执行下面这个代码
            Api.shareToTimeline(wxData, wxCallbacks);

            // 点击分享到腾讯微博,会执行下面这个代码
            Api.shareToWeibo(wxData, wxCallbacks);

            // 有可能用户是直接用微信“扫一扫”打开的,这个情况下,optionMenu、toolbar都是off状态
            // 为了方便用户测试,我先来trigger show一下
            // optionMenu
            var elOptionMenu = document.getElementById(‘optionMenu‘);
            elOptionMenu.click(); // 先隐藏
            elOptionMenu.click(); // 再显示
            // toolbar
            var elToolbar = document.getElementById(‘toolbar‘);
            elToolbar.click(); // 先隐藏
            elToolbar.click(); // 再显示
        });
时间: 2024-10-12 21:23:07

微信内核浏览器一些用法的相关文章

js替换img标签src属性,并为非微信内核浏览器添加超链接

/** * 替换img标签src属性 * @param content * @param path */ function imgsSrc(content, path) { var imgreg = /<img.*?>/gi; content=content.replace(imgreg,function(imgsrc){ imgsrc = imgsrc.replace(/src=(?:"\s*([^"]*)\s*"|'\s*([^']*)\s*'|(\S+))/

禁止页面在浏览器中打开 只能在微信内核浏览器中打开

<script type="text/javascript"> // 对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前页面继续加载 alert('已禁访问:您必须使用微信内置浏览器访问本页面!'); // 以下代码是用jav

八大Webkit内核浏览器

列举出时下最流行的Webkit内核浏览器,所以我们并不会做出评测和对比.PS:本文列举的浏览器有一部分为IE+Webkit双核浏览器,如果您对其他IE内核浏览器很感兴趣<抛弃数据!用体验和感觉告诉你什么才是最好用的浏览器!>一文可能会对你有所帮助.尖端技术的Webkit内核WebKit 是一个开源的浏览器引擎,与之相对应的引擎有Gecko(Mozilla Firefox 等使用)和Trident(也称MSHTML,IE 使用).同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称

[JavaCore] 微信手机浏览器版本判断

公司要做微支付,微信浏览器版本要大于5 package com.garinzhang.web.weixin; import org.apache.commons.lang.StringUtils; import org.apache.commons.lang.math.NumberUtils; /** *类说明 *@author Garin Zhang */ public class WchatUtil { public static final String WEI_XIN_BROWSER =

[IE编程] 多页面基于IE内核浏览器的代码示例

有不少人发信问这个问题,我把答案贴在这里: 建议参考 WTL (Windows Template Library) 的代码示例工程TabBrowser  (在WTL目录/Samples/TabBrowser 下面).该工程演示了如何用WTL + IE WebBrowser接口开发一个多Tab的IE内核浏览器, 并演示如何用ATL的IDispEventSimpleImpl监听DWebBrowserEvents2 事件, 代码简洁易懂,很有参考价值. WTL 是微软的开源项目,可以去 http://

webkit内核浏览器的CSS写法

-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 :-webkit-full-screen canvas {} 全屏模式时的样式(for Desktop) div p :matches(em, b, strong) {} 使

js new Date(&quot;2016-07-01 08:00:00&quot;) 格式在IE内核浏览器中显示NaN的问题

js new Date("2016-07-01 08:00:00") 格式在IE内核浏览器中显示NaN的问题 废话就不多了,var dd = new Date("2016-07-01 08:00:00");这种格式在ff,chrome,opera,safari等浏览器中没有问题的,而在IE内核浏览器(猎豹,360兼容模式)等会出现无效NaN的问题, 查了一下,原来是格式的问题,注意日期的格式,如果将上面的代码修改为var dd = new Date("20

webkit内核浏览器 手机端 滚动顿卡 处理方法 修改

今天遇到一个问题.因为之前也遇到过,解决了,但是一下子想不起来如何解决 所以,今天就把这个记录一下. 问题是这样: body下的一个容器 section 高度为100%  宽度为100% 即该 父类是和屏幕同宽同高的.但是 section 下的 子标签的 高度超过父标签 此时在手机端的滚动  有可能会滚动顿卡.这其实因为设备是没有启用弹性滚动,或者不支持弹性滚动. 测试一下 1 <!DOCTYPE html> 2 <html lang="en"> 3 <h

微信关闭浏览器

<input type="button" value="关闭本窗口" onclick="WeixinJSBridge.call('closeWindow');" /> 这里要注意,WeiinJSBridge不需要引入,只要是在微信的浏览器中打开,那就相当于引入了.