首页 > 微信 > 详细

网站链接打开以后左边的小图标添加和微信分享左边图标

时间:2014-10-31 11:48:44      阅读:542      评论:0      收藏:0      [点我收藏+]

网站链接打开以后左边的小图标添加:

<link rel="shortcut icon" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="72x72" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="114x114" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="144x144" href="styles/img/Logo.jpg">
       <link rel="apple-touch-icon-precomposed" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="114x114" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="144x144" href="styles/img/Logo.jpg">

这个link就是设置web app的放置主屏幕上icon文件路径.
iOS用rel="apple-touch-icon",android 用rel="apple-touch-icon-precomposed"。

微信分享左边图标:

方法1:

<head>
<div id=‘wx_pic‘ style=‘margin:0 auto;display:none;‘>
<img src=‘styles/img/Logo.jpg‘ />
</div>

</head>

图片大小要求300X300像素。

方法二:

<meta name="sharecontent" data-msg-img="缩略图地址" data-msg-title="标题" data-msg-content="简介" data-msg-callBack="" data-line-img="缩略图地址" data-line-title="标题" data-line-callBack=""/> 

缩略图地址必须是:绝对路径:http://……

 

网站链接打开以后左边的小图标添加和微信分享左边图标

原文:http://www.cnblogs.com/Ann-wxp/p/4064566.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!