用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:

而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图:

实现工具:GetwxLink

联系QQ:629359960

var imgUrl = 'http://dev.mymax.cn/affix/manmanhouse/images/share.jpg';

var lineLink = 'http://dev.mymax.cn/affix/manmanhouse/index.html';

var descContent = '人类天生就爱玩游戏,游戏为什么吸引人?如果借助游戏的规律,是否可以让工作学习变得更精彩?';

var shareTitle = '游戏化学习工作坊第四站-北京清华科技园';

var appid = '';

$.ajax({

type : 'POST',

url :  "http://dev.mymax.cn/running/comm/weixin/open/jsSDKConfig", //这个地址并非通用且长期有效,请去微信官方查看文档,并自行配置

dataType : "json",

data:{url:window.location.href},

success : function(response){

var appId = response.s.appId;

var timestamp = response.s.timeStamp;

var nonceStr = response.s.nonceStr;

var signature = response.s.signature;

wx.config({

debug: false,

appId: appId,

timestamp: timestamp,

nonceStr: nonceStr,

signature: signature,

jsApiList: [

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage'

]

});

wx.ready(function() {

wx.onMenuShareTimeline({

title: shareTitle, // 分享标题

link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

});

wx.onMenuShareAppMessage({

title: shareTitle, // 分享标题

desc: descContent, // 分享描述

link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

type: '', // 分享类型,music、video或link,不填默认为link

dataUrl:'' , // 如果type是music或video,则要提供数据链接,默认为空

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

});

});

},

error:function(response){

window.parent.growl("删除失败["+response.responseText+"]!","error");

}

});

html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片相关推荐

  1. html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片

    前言 哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...

  2. 微信分享网页时自定义标题、描述和图片

    用微信打开一个网页,选择右上角的"发送给朋友"后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题.描述和图片,效果如下图: 下面介绍下怎样来实现这个功能 <sc ...

  3. 有什么软件可以修改图片尺寸?分享给你这款图片改大小工具

    现在很多平台都有定制商品的服务,比如把自己宠物或者喜欢的艺人照片印到抱枕.水杯上,这时候我们提供的图片尺寸大小必须要复合规定,要是我们没有合适的图片怎么办?怎么修改图片的长宽尺寸呢?接下来小编就分享一 ...

  4. 打印网页时去掉标题、页码、网页地址方法

    打印网页时去掉标题.页码.网页地址方法 答:方法一: ie的文件-〉页面设置-〉将里面的页眉和页脚里面的东西都去掉,打印就不出来了 方法二: <HTML>  <HEAD>  & ...

  5. 微信分享网页链接自定义标题,图片,文字描述

    我先描述一下该h5的业务场景: 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题,描述,分享图片:而不是...如下图 前提条件: 1.请确认公众号已经认证,只有认证的公众号才具有分享相关接 ...

  6. 王者荣耀头像太小怎么办?调整图片尺寸工具分享

    给王者荣耀换头像的时候,会发现上传图片之后特别模糊,其实是因为图片尺寸太大,系统自动缩小导致的,怎么让我们的头像大小合适又清晰呢?其实只要使用图片改大小(在线修改图片尺寸大小工具-压缩图)工具,把要上 ...

  7. android 微信分享 源码,记录Android微信分享功能的吐槽与思考

    在App内潜入分享到微信好友或朋友圈的功能想必大家已经屡见不鲜了,比如Android分享一个网页信息(URL)到微信客户端的代码: /** * 微信分享:分享网页 * @param context * ...

  8. php微信分享接口调用,TP5的微信分享接口和JSSDK使用

    TP5的微信分享接口和JSSDK使用 项目开发中,经常会用到微信分享接口,使用官方提供的SDK可以实现微信分享到朋友圈或者好友以后,能够正常显示页面的Logo图片.标题和描述内容,而不仅仅只是简单粗暴 ...

  9. android微信分享大图长图,裁剪微信分享缩略图片(长缩略图取中裁剪)

    有时分享出去的图片如果过长,就会导致缩略图的正方形图片呈现的效果是被压缩的,一般才用居中裁剪的方式,将裁剪后的图作为缩略图即可 本文后面将举微信分享到朋友圈和好友到例子,在分享出去到图片中,若为长图, ...

最新文章

  1. AS3中的序列化与反序列化
  2. linux安装mysql5.7.25教程,Linux安装mysql-5.7.25
  3. 怎么把cad的图导入ps_PS中怎么抠图?以扣取头部图像为例
  4. Oracle学习:数据的插入、修改和删除
  5. java 并发编程总结
  6. 程序员编程艺术第十一章:最长公共子序列(LCS)问题
  7. musictools怎么用不了_夏天少不了一只草编包,怎么搭配才不像“买菜用”?
  8. winform项目_winform项目——仿QQ即时通讯程序01:原理及项目分析
  9. 数据结构专题(二):2.7顺序表反转
  10. 【剑指Offer】07变态跳台阶
  11. pycharm配置后执行RF脚本
  12. poj 3616 Milking Time
  13. 下个一个语音,计算机.,中国计算机产业的下一个亮点——汉语语音合成的实用化...
  14. java实用教程第五版_java2实用教程(第5版)重要点及遗漏点(一)
  15. Linux学习——linux网络配置、修改主机名、网络映射、远程连接工具XShell的使用(超详细)
  16. Mark- 新的开始
  17. Openstack 简单梳理,(自用 慎点)
  18. 周年更名,元宇宙产业委再上新台阶
  19. 起底知网:大发学术财?学术富士康?定位偏差的知识工程?
  20. php音频对比技术,HIFIDIY论坛-三种音频功放的音质特点比较 供参考 - Powered by Discuz!...

热门文章

  1. l1-039 古风排版 20分 极简七行逻辑代码版
  2. matlab绘制银河系,Gaia卫星绘制了银河系最详细的三维图
  3. wincc上位机与1200组态步骤_西门子1200与WINCC上位机如何通讯?-工业支持中心-西门子中国...
  4. 怎样理解「现金流比利润更重要」?
  5. 视觉SLAM-回环检测
  6. 《大道至简》的幕后故事(4):“愚公移山记”军事地理篇
  7. EMS企业微电网能效管理解决方案为工业能效提升行动计划提供助力
  8. 美云智数——推动人才供应链重要战略部署
  9. 最有骨气自尊心超强,绝不低声下气的四大生肖
  10. allegro 走线切换层_多层板走线时,怎样快速换层?