微信分享缩略图无法选定第一张显示

ios和android手机浏览器中有分享的按钮,按下后可以分享到微信朋友圈和发送给朋友正在浏览的网页的内容。但是现在在ios下用safari自带的分享功能,分享的页面在微信中标题,描述内容,还有图片都不能像在微信中通过微信浏览器通过微信提供的jssdk去自定义分享内容。而且,如果分享页面中的图片大于32KB,分享的链接还无法显示该图片。所以在safari中是否提供api允许开发者去自定义分享链接的内容等。

现在测试的一些平台和现象

平台:ios9
浏览器:safari
分享来源:移动网站
分享去处:微信好友
现象:(1)title显示分享页面的title;

 (2)描述内容没有,显示页面的来源url;
 (3)图片,大于32KB的时候无法显示,小于32KB的时候显示当前页面正在显示的第一张图片
 

平台:android6.0(小米5)
(1)
浏览器:小米浏览器
分享来源:移动网站
分享去处:微信好友
现象:(1)title显示分享页面的title;

 (2)描述内容“我在看[XXX],分享给你,快来看看吧!| http://xxxxx”,后面显示页面的来源url;
 (3)图片,显示当前页面正在显示的第一张图片,没有大小限制
 

(2)
浏览器:UC浏览器
分享来源:移动网站
分享去处:微信好友
现象:(1)title显示UC字样;

 (2)描述内容“我正在看[XXX],分享给你,一起看吧!“;
 (3)图片,显示当前页面正在显示的第一张图片,没有大小限制
 

(3)
浏览器:firefox浏览器
分享来源:移动网站
分享去处:微信好友
现象:只显示分享页面的url没有任何的标题描述内容和图片等信息

通过上述的测试,我想知道ios的safari或者android上的自带浏览器、小米浏览器、UC浏览器、firefox浏览器是否提供api接口,让开发者去自定义分享页面的链接内容。

*暂时没有打算用一键分享插件share.js的意图。


通过一天的调查和试验,并不是无法显示分享的缩略图。而是选择的图片不是dom文档中非"display:none"的第一张。

现在集中解决的问题是ios版在safari中分享页面,缩略图是随机从页面中选取的,并不是能自定义的。

试验如下
平台:ios9
浏览器:safari
分享来源:移动网站
分享去处:微信好友
现象:在微信显示的链接的缩略图并不是分享网页中第一张显示的图片。

 分享页面的第一张显示的图片大小是620*422。
 

代码部分:
<body>

<div style="display:none">
    <img id="first_image" src="" style="width:0; height:0; position:absolute;"/>
</div>

...
src的值是从后台动态取得的(通过ajax)赋值的。

但是每次分享时都会掠过这张图片,从后面的图片中随机抽取一张。不知道这是否是safari浏览器的问题,还是我代码写的不对。请指教。

阅读 8.7k
2 个回答
新手上路,请多包涵

请问这个问题怎么解决的呢?

新手上路,请多包涵

网上提供的很多jssdk代码都是局限于后台cms,并没有通用的方案!由于cms的异构性,容易导致签名无效等多因素导致的问题!还有ios和安卓不同的情况也时有导致分享不成功!本人帮朋友处理了几十起分享案例!有多种手段解决问题:动态(php,java,.net),静态(nodjs)等。W X:84828676,希望能对你有所帮助!感叹自己摸索的时间再多也不如别人一会的功夫.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题