微信开发问题汇总

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

解决方案：

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

 

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

解决方案：

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

 

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

解决方案：

使用 white-space: nowrap; 代替。

 

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

解决办法：

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

 

五、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

 

六、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);
    }
}