网页分享到微信好友或朋友圈带图标和摘要的完美解决方法

先登录微信公众平台(认证公众号)进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<!--#include file="sha1.inc"-->
<!--#include file="jssdk.asp"-->
<script>
wx.config({
    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '<%=AppID%>', // 必填，公众号的唯一标识
    timestamp: <%=timestamp%>, // 必填，生成签名的时间戳
    nonceStr: '<%=nonceStr%>', // 必填，生成签名的随机串
    signature: '<%=signature%>',// 必填，签名，见附录1
	jsApiList: [
	'onMenuShareTimeline',
	'onMenuShareAppMessage',
	'onMenuShareQQ',
	'onMenuShareWeibo'
	]
	// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){
	//分享到朋友圈
	wx.onMenuShareTimeline({
		title: '在线工具', // 分享标题
		link: 'http://www.wan-qi.cn', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		imgUrl: 'http://www.wan-qi.cn/images/nonews.png', // 分享图标
		success: function () { 
			alert('已分享');
			// 用户确认分享后执行的回调函数
		},
		cancel: function () { 
			alert('取消分享');
			// 用户取消分享后执行的回调函数
		}
	});
	//分享到好友
	wx.onMenuShareAppMessage({
		title: '在线工具', 
		desc: '在线工具是一个包含大量在线工具网站，包含语言工具，便民查询，转换工具，生理健康，站长工具，特效源码，技术文件，系统维护设置等，致力为广大网友提供便利的在线工具服务。', // 分享描述
		link: 'http://www.wan-qi.cn',
		imgUrl: 'http://www.wan-qi.cn/images/nonews.png',
		type: '' // 分享类型,music、video或link，不填默认为link

	});
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

});
</script>