微信開發問題彙總

一、初次分享，小圖標顯示正常，使用分享後的地址，打開頁面，再次分享後，小圖標沒法顯示？

解決方案：

分享後的連接和分享前的連接不一樣，使用通配符正則表達式匹配地址，確保解析出來的分享路徑和分享小圖標的地址正確，如：「頁面地址」.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);
    }
}