关于微信内转发网页不显示缩略图的问题

2017-05-11 00:52:35 +08:00
 islujw

在不使用微信 SDK 的情况下，要让网页在微信内显示预览图片，是这样达成的： 在 <body> 后放置一张 300x300 的图片，然后设置为不显示。

例如，Apple 的官方网站就是这么做的：

自己的博客也这么做了，行得通。

但最近却出了点问题，自己的网站：

  1. 从 Safari 分享到微信（朋友／朋友圈）时，才会正常显示图片，且 URL 正常；
  2. 按住这个正常的网页消息，转发给朋友，还是正常显示，URL 也正常；
  3. 在微信内浏览器打开后转发（朋友／朋友圈），均无法显示此图片，且 URL 会被加上一些微信参数。

然而，Apple 的官方网站，在执行上述 3 种操作时，均正常显示图片！虽然 URL 可能会发生变化。Apple 可没有任何官方微信公众号，也没有使用 SDK。

这是怎么回事呢？如何让自己的网站在不使用 SDK 的情况下正常显示缩略图？

10405 次点击
所在节点    微信
5 条回复
islujw
2017-05-11 00:54:15 +08:00
抱歉，Apple 网站的代码无法显示。用伪代码描述一下吧：

<div style="display:none;"
<img src="/cn/home/images/og_wechat.jpg" alt=""
div 尾部标记>
islujw
2017-05-11 12:05:41 +08:00
诶，难道没有大神知道么……
KiChao
2017-05-31 11:10:38 +08:00
请问楼主解决了没？
islujw
2017-05-31 22:36:37 +08:00
@KiChao 没有。我怀疑 Apple 可能在微信的白名单里。Apple 在朋友圈做广告的时候，点开头像的资料页也是没有公众号的，仅仅是个介绍页面而已，不开通公众号就可以做广告，可能是直接付费搞定的。
islujw
2017-05-31 22:39:24 +08:00
4. 补充说明。在微信内浏览器打开（朋友／朋友圈）后，点击任意链接（而不是直接转发），从第一次点击起，转发就不带微信尾部参数了。即便最后通过点击链接加载到最初的那个页面，也不会有参数。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/360530

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX