html分享标题描述图片尺寸,HTML+CSS入门 如何为HTML分享的时候指定分享缩略图和标题以及描述...

本篇教程介绍了HTML+CSS入门 如何为HTML分享的时候指定分享缩略图和标题以及描述，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

demo

var imgUrl = "http://musicdata.baidu.com/data2/pic/115424459/115424459.jpg";

var lineLink = "http://www.hougelou.com";

var descContent = "描述"; //分享给好友的时候显示标题和描述，分享到朋友圈只显示标题

var shareTitle = "阿猫的demo";

var appid = "";

var share = {

shareFriend: function () {

WeixinJSBridge.invoke(‘sendAppMessage‘, {

"appid": appid,

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function (res) {

//_report(‘send_msg‘, res.err_msg);

})

},

//分享到朋友圈

shareTimeline: function () {

WeixinJSBridge.invoke(‘shareTimeline‘, {//

"img_url": imgUrl,

"img_width": "200",

"img_height": "200",

"link": lineLink,

"desc": descContent,

"title": shareTitle

}, function (res) {

//_report(‘timeline‘, res.err_msg);

});

}

}

document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {//

//发送给好友

WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {

share.shareFriend();

});

//分享到朋友圈

WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {

share.shareTimeline();

});

}, false);

hello,world!

以上的分享，可以为html分享的时候指定分享缩略图和标题以及描述。

分享朋友圈：只显示缩略图和标题。

分享给好友：显示缩略图、标题、描述

js里的imgUrl、lineLink、descContent、shareTitle分别代表缩略图地址、分享网页地址、分享描述文字、分享标题

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！