小伍的部落格

记录、分享、学习

怎么给微信分享页面添加配图呢？

1 min

怎么给我们漂亮的移动页面添加微信分享的配图呢？

请看大屏幕：

<body>
  
    <div id="wx_pic" style="display:none;">
  
        <img src="http://jingyan.baidu.com/event/img/bdjy.png" />
  
    </div>
  
    ...
  
</body>

注意：

  • 用块元素标签（如 p、div）包裹 img 标签
  • 图片大小限制，一般使用 300*300(px)，太小了貌似也出不来

那么怎么检查页面在微信上的分享效果呢？

  1. 发布页面，在微信 APP 中访问（缺点没法实时调试）
  2. 微信开发神器 微信 web 开发者工具，熟悉的 Chrome Devtools，棒棒哒~终于不用一直用微信扫扫扫啦！