javascript - 微信分享缩略图无法选定第一张显示
巴扎黑
巴扎黑 2017-04-11 12:38:20
[JavaScript讨论组]

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。
 

代码部分:

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

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

巴扎黑
巴扎黑

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号