如何在不接入微信API的狀況下自定義分享內容(圖片、連接、標題)

微信在6.0.2及以上版本已經回收客戶端自定分享的權限,而是以受權api的形式開放出來。有時候咱們只想簡單地自定義分享的title,分享的圖片以及分享的連接時,而不想或者缺少資源去接入微信api的時候該怎麼實現呢?css

一、設置分享title:動態改變document.title值便可:android

document.title = 'test'

二、設置分享圖片:在頁面隱藏一張尺寸大於290*290的圖(圖片須要容器包裹,設置容器css屬性display:none便可):ios

<div style="display:none"><img src="share.jpg" /></div>

三、設置分享的連接:動態修改document.documentURI的值便可(safari下,document.documentURI爲只讀屬性,可藉助history.pushState )git

//android:
document.documentURI = "http://www.navyxie.com";//經測試wechat6.3.13版本下此方法已失效,可以使用同下IOS的方法自定義。
//ios:
window.history.pushState("weixin-share-url", "weixinshare", "http://www.navyxie.com");//只可設置同域連接

具體的運行原理能夠看 【微信Android SDK 中的 js】 源碼分析。github

相關文章
相關標籤/搜索