Yuying Wu

Light
Dark

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

April 29, 2016

怎么给我们漂亮的移动页面添加微信分享的配图呢?
请看大屏幕:

<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,棒棒哒~终于不用一直用微信扫扫扫啦!

微信添加图片

评论区


Yuying Wu
Yuying Wu 个人博客,文字、代码、照片,记录工作和生活.
你可以在这里关注我:RSSGithub