微信开发问题笔记

1、初次分享，小图标显示正常，使用分享后的地址，打开页面，再次分享后，小图标无法显示？

解决方案：

分享后的链接和分享前的链接不同，使用通配符正则表达式匹配地址，确保解析出来的分享路径和分享小图标的地址正确，如：“页面地址”.replace(/(a\/b\.html).*/g, "") + "a.jpg"。

 

2、ios 微信中默认字体和 Android 不一致？

解决方案：

经测试发现，Android 微信默认字体是 Times New Roman，IOS 是 -webkit-standard，修改为通用的即可。

 

3、css 保持文字不换行 word-break 无效？

解决方案：

使用 white-space: nowrap; 代替。

 

4、button 元素可能存在 click 事件不触发的问题，如：魅族魅蓝note2？

解决办法：

具体原因未知，触发情景未知，此问题未找出官方文档，为规避此问题，用 a 元素替换 button。

 

5、url 中 from 字段在分享之后被篡改的问题？

解决办法：

由于微信在分享链接给好友时，微信会自动添加 from 参数，而忽略链接本身的 from 参数，从而导致链接本身的 from 参数无效，因此如有渠道统计类的需求，应避免使用 from 参数。如：

http://a.b.c.d/a.html?from=follow

转换成：

http://a.b.c.d/a.html?from=singlemessage&isappinstalled=0#wechat_redirect

 

6、ios 微信用JavaScript修改标题无效的问题？

function modifyDocumentTitle(title) {
    let ua = navigator.userAgent;
    document.title = title;
    if (ua.indexOf('iPhone') > -1 && ua.indexOf('MicroMessenger') > -1) {
        var iframe = document.createElement("iframe");
        iframe.src = '/favicon.ico';
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
        setTimeout(function() {
            document.body.removeChild(iframe);
        }, 100);
    }
}