链接分享到微信之网页被重排及图标不显示的问题

今天在开发一个分享功能时遇到这样两个问题:

1、产品详情页面H5链接,在分享到微信或朋友圈打开的时候出现提示“由于安全原因网页被重排”,导致页面部分JS无法执行;

2、通过App分享到微信或朋友圈的链接,再次通过微信的分享给好友,出现图标不显示的问题;

先说第一个“网页被重排”的问题:

这是由于微信内置的浏览器内核出于安全的考虑,如果要执行一些复杂的脚本,就需要先通过微信的认证。

解决办法就是先申请一个微信公众号,在公众号的设置里绑定要分享的链接所在的服务器域名,要注意这里的链接必须是通过ICP认证的域名才可以。

第二个通过微信再次分享出现图标不显示的问题:

可通过在H5页面写入以下代码,微信就会获取此图标作为分享链接的图标,大小300*300px;

<divid='wx_pic'style='margin:0auto;display:none;'>

<imgsrc='img/icon.png'/>

</div>

相关推荐