1.设置分享调用的标题、图片、url预览。

2.控制右上角三个点按钮的隐藏显示（和底部工具栏的显示隐藏--未测试）。

3.判断网页是否在微信中被调用。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>微信分享功能引入页面-控制分享时候调用的标题、图片和url</title>
<style>
html,body{ font-size: 100%; width:100%; height:100%; overflow:hidden}
</style>
</head>
<body >
<div class="box">
    <p><a href="javascript:void(0);" onclick="hideMenu()" id="hideRigUp">隐藏右上角三个点按钮。</a></p>
    <p><a href="javascript:void(0);" onclick="showMenu()" id="showRigUp">显示右上角三个点按钮。</a></p>
    <!-- <p><a href="javascript:void(0);" onclick="hideTool()" id="hideRigDown">隐藏右下面工具栏</a></p>
    <p><a href="javascript:void(0);" onclick="showTool()" id="showRigDown">显示右下面工具栏</a></p> -->
    <p id="tdc" style="display:none"><img src=""></p>

</div>
<script type="text/javascript">

//title如果没有设置就会调用页面title标签里面的title
var url = window.location.href;
var imgUrl = "http://i0.cy.com/tl3d_m/main/20141009/home_logo.png";
    function sendMessage(){
        //按钮一之------发送给好友
        WeixinJSBridge.on('menu:share:appmessage', function(argv){
            WeixinJSBridge.invoke('sendAppMessage',{
            "appid":"",                                     //appid 设置空就好了。
            "img_url":imgUrl,                                   //分享时所带的图片路径
            "img_width":"120",                              //图片宽度
            "img_height":"120",                             //图片高度
            "link":url,                  //分享附带链接地址
            "desc":"分享给好友描述",            //分享内容介绍 --这里会显示在预览里面。
            "title":"分享测试-好友"
            }, function(res){/*** 回调函数，最好设置为空 ***/
                aler("分享给好友");//没有效果
            });
            setTimeout(function () {alert("点击分享或转发后1.5秒后调用"); }, 1500);//点击分享或转发后1.5秒后调用

        });
        //按钮一之------发送到朋友圈
        WeixinJSBridge.on('menu:share:timeline', function(argv){
            WeixinJSBridge.invoke('shareTimeline',{
            "appid":"",                                     //appid 设置空就好了。
            "img_url":imgUrl,                                   //分享时所带的图片路径
            "img_width":"120",                              //图片宽度
            "img_height":"120",                             //图片高度
            "link":url,                  //分享附带链接地址
            "desc":"分享给朋友圈描述",   //分享内容介绍 --貌似不显示，没啥用。
            "title":"分享测试-朋友圈"
            }, function(res){/*** 回调函数，最好设置为空 ***/
                aler("分享给朋友圈");//没有效果
            });
            setTimeout(function () {alert("点击分享或转发后1.5秒后调用"); }, 1500);//点击分享或转发后1.5秒后调用

        });
        alert("调用成功！现在可以通过右上角按钮分享给朋友或者朋友圈！");

    }

 //隐藏右上角三个点按钮。
function hideMenu(){
    if(window.WeixinJSBridge){
       WeixinJSBridge.call('hideOptionMenu');
   }
}
 //显示右上角三个点按钮。
function showMenu(){
    if(window.WeixinJSBridge){
        WeixinJSBridge.call('showOptionMenu');
    }
}
 //隐藏右下面工具栏
function hideTool(){
    if(window.WeixinJSBridge){
        WeixinJSBridge.call('hideToolbar');
    }
}
 //显示右下面工具栏
function showTool(){
    if(window.WeixinJSBridge){
        WeixinJSBridge.call('showToolbar');
    }
}

//添加事件监听
//文档的WeixinJSBridgeReady事件触发后绑定微信分享，否则会绑定失败
if(document.addEventListener){
    document.addEventListener('WeixinJSBridgeReady', sendMessage, false);
}else if(document.attachEvent){
    document.attachEvent('WeixinJSBridgeReady' , sendMessage);
    document.attachEvent('onWeixinJSBridgeReady' , sendMessage);
}

    //判断网页是否在微信中被调用
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
    } else {
        alert("调用失败，请用微信扫一扫，扫描下面二维码打开网页！");
        document.getElementById("tdc").style.display = "block";
        document.getElementById("tdc").getElementsByTagName("img")[0].src="http://zhidongtdc.duapp.com/getpic.php?url="+ window.location.href +"?1&size=4&margin=2";
    }

</script>
</body>
</html>

微信分享功能引入页面-控制分享时候调用的标题、图片、url和微信按钮隐藏显示控制的更多相关文章

  1. 微信公众号h5页面自定义分享

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  2. 微信小程序之 页面跳转 及 调用本地json的假数据调试

    一.微信小程序 跳转页面 小程序页面有2种跳转,可以在wxml页面或者js中: (1)在wxml页面中: <navigator url="../index/index"> ...

  3. ThinkPHP5集成JS-SDK实现微信自定义分享功能

    最近开发一个项目,需要将链接分享给好友时能够自定义标题.简介和logo,现将ThinkPHP5集成JS-SDK实现微信自定义分享功能的过程整理成文. 一.准备工作 1.认证的公众号 不管是订阅号还是服 ...

  4. Android集成微信分享功能应用签名生成方法及分享不生效的问题

    通过友盟sdk集成微博.微信.qq等分享功能时,微博和qq很顺利,但在做微信集成时一直不成功.主要问题还是之前在微信开放平台申请创建移动应用时,对应用签名没有填写对,走了很多弯路现总结出来,加深记忆避 ...

  5. Android中使用ShareSDK集成分享功能

    引言      现在APP开发集成分享功能已经是非常普遍的需求了.其他集成分享技术我没有使用过,今天我就来介绍下使用ShareSDK来进行分享功能开发的一些基本步骤和注意点,帮助朋友们避免一些坑.好了 ...

  6. android 实现分享功能两种方法

    当我想做一个智能的记事本的时候,我就在尝试自己写一组分享功能.后来才知道,原来每个社交软件中都有自己的分享接口. 这就大大减少了我们的代码量了. 第一种方法:特点--简单 package com.ex ...

  7. Android调用系统分享功能总结

    Android分享-调用系统自带的分享功能 实现分享功能的几个办法 1.调用系统的分享功能 2.通过第三方SDK,如ShareSDK,友盟等 3.自行使用各自平台的SDK,比如QQ,微信,微博各自的S ...

  8. 探秘小程序（10）:分享功能+webview

    场景: 小程序页面用webview嵌入了h5页面,h5页面需要与小程序进行交互,h5页面内容不同,分享的链接也不一样 分享功能: 小程序的分享功能即用户点击小程序右上角,转发功能页面.可以指定分享卡片 ...

  9. 【Android】3.15 短串分享功能

    分类:C#.Android.VS2015.百度地图应用: 创建日期:2016-02-04 一.简介 短串分享是指,用户搜索查询后得到的每一个地理位置结果将会对应一条短串(短链接),用户可以通过短信.邮 ...

随机推荐

  1. 设置JVM内存溢出时快照转存HeapDump到文件

    诊断内存溢出是一个有难度的事情,可以在生产环境试一试下面的参数,在发生内存溢出OutOfMemoryError时做HeapDump并保存到文件,然后分析该文件看是否能查到蛛丝马迹. set JAVA_ ...

  2. CSS-div漂浮

    显示效果如下: 代码如下: <div style="width:100%;border-top:0px solid #999999;"> <div style=& ...

  3. 选择排序、插入排序、冒泡排序python实现

    选择排序的时间复杂度为O(n^2),是不稳定的排序 冒泡排序的时间复杂度最好情况下为O(n),最坏情况下为O(n^2),平均情况下为O(n^2),是稳定的排序 插入排序的时间复杂度最好情况下为O(n) ...

  4. POJ 3616 DP

    题意:给你N的时间,M的工作时间段,每个时间段有一个权重,还有一个R,每次完成一个工作需要休息R,问最后在时间N内,最大权重是多少. 思路:很简单的DP,首先对区间的右坐标进行排序,然后直接转移方程就 ...

  5. MP3的频率、比特率、码率与音质的关系

    想知道MP3的频率.比特率.码率与音质的关系,是不是频率越高,码率越高,音质就越好.好像MP3大多数的频率都是44100HZ的.码率有128,192等等. 这里所说的频率是採样率,一般都是44100K ...

  6. Free Editor

    Mars Nov 19, 2014

  7. android106 C基本数据类型

    #JNI java native interface #c的基本数据类型 * int:32位,能表示的数字是2的32次方个 * 最高位用来表示符号位,那么还剩下31位可以表示数值,所以能表示的数字就是 ...

  8. Android 开发第三天

    今天学习的内容

  9. android夸项目调用

    将工程A做成android library project. 设置工程A,右键->Properties->Android,将Is library项选中,然后Apply.设置工程B,右键-& ...

  10. linux安装java环境

    在linux下安装JDK如下: 第一步:查看Linux自带的JDK是否已安装 (1)查看已经安装的jdk: [root@web-server ~]# rpm -qa|grep jdk ← 查看jdk的 ...