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浏览器的问题,还是我代码写的不对。请指教。
请问这个问题怎么解决的呢?