javascript - QQ分享的網頁如何顯示旁邊縮圖呀

像是預設標籤後面的第一個img
QQ裡開啟分享到QQ空間，網頁HTML要怎麼寫才能顯示這個圖片呢

我是用手機QQ直接開啟網頁連結，然後點擊右上方分享。
可以很方便分享出去，自動捕獲第一張Img的圖，QQ空間就不行了。

___補充

發現一件有趣的事情，通過
坑人的手機QQ開啟網頁URL分享到空間，不能自動捕獲圖片！
通過開啟網頁URL轉寄到 QQ空間，完全OK的！

當然，前提是你的網頁HTML檔案中預設捕獲第一個IMG標籤
網頁中緊接著加一個



圖片寬高大於400px，最好是一個正方形的圖片

作者：張煊
連結：https://www.zhihu.com/question/21668601/answer/77707210
來源：知乎
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。

坑人的手機QQ呀，靠 乾脆從發出分享更好~

回複內容：

像是預設標籤後面的第一個img
QQ裡開啟分享到QQ空間，網頁HTML要怎麼寫才能顯示這個圖片呢

我是用手機QQ直接開啟網頁連結，然後點擊右上方分享。
可以很方便分享出去，自動捕獲第一張Img的圖，QQ空間就不行了。

___補充

發現一件有趣的事情，通過
坑人的手機QQ開啟網頁URL分享到空間，不能自動捕獲圖片！
通過開啟網頁URL轉寄到 QQ空間，完全OK的！

當然，前提是你的網頁HTML檔案中預設捕獲第一個IMG標籤
網頁中緊接著加一個



圖片寬高大於400px，最好是一個正方形的圖片

作者：張煊
連結：https://www.zhihu.com/question/21668601/answer/77707210
來源：知乎
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。

坑人的手機QQ呀，靠 乾脆從發出分享更好~

手機QQ也有相應的JS SDK：

http://open.mobile.qq.com/api/component/share

第一種方法：用了Meta Property=og標籤，就是你同意了網頁內容可以被其他社會化網站引用等，目前這種協議被SNS網站如Fackbook、renren採用。
SNS已經成為網路上的一大熱門 App，優質的內容通過分享在好友間迅速傳播。為了提高站外內容的傳播效率，2010年F8會議上Facebook公布 了一套開放內容協議(Open Graph Protocol)，任何網頁只要遵守該協議，SNS就能從頁面上提取最有效資訊並呈現給使用者。

第二種方法：網頁中有圖片即可擷取到
第三種方法：`擷取“分享到QQ”按鈕點擊狀態及自訂分享內容介面

wx.onMenuShareQQ({    title: '', // 分享標題    desc: '', // 分享描述    link: '', // 分享連結    imgUrl: '', // 分享表徵圖    success: function () {        // 使用者確認分享後執行的回呼函數    },    cancel: function () {        // 使用者取消分享後執行的回呼函數    }});

對了加一個擷取“分享到QQ空間”按鈕點擊狀態及自訂分享內容介面

wx.onMenuShareQZone({    title: '', // 分享標題    desc: '', // 分享描述    link: '', // 分享連結    imgUrl: '', // 分享表徵圖    success: function () {        // 使用者確認分享後執行的回呼函數    },    cancel: function () {         // 使用者取消分享後執行的回呼函數    }});

JS-SDK說明文檔

http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E8.8E.B7.E5.8F.96.E2.80.9C.E5.88.86.E4.BA.AB.E5.88.B0QQ.E2.80.9D.E6.8C.89.E9.92.AE.E7.82.B9.E5.87.BB.E7.8A.B6.E6.80.81.E5.8F.8A.E8.87.AA.E5.AE.9A.E4.B9.89.E5.88.86.E4.BA.AB.E5.86.85.E5.AE.B9.E6.8E.A5.E5.8F.A3

