微信開發問題彙總

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

解決方案:css

分享後的連接和分享前的連接不一樣,使用通配符正則表達式匹配地址,確保解析出來的分享路徑和分享小圖標的地址正確,如:「頁面地址」.replace(/(a\/b\.html).*/g, "") + "a.jpg"。html

 

二、ios 微信中默認字體和 Android 不一致?java

解決方案:ios

經測試發現,Android 微信默認字體是 Times New Roman,IOS 是 -webkit-standard,修改成通用的便可。web

 

三、css 保持文字不換行 word-break 無效?正則表達式

解決方案:微信

使用 white-space: nowrap; 代替。app

 

四、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);
    }
}
相關文章
相關標籤/搜索