最近有一個活動頁需要在移動端浏覽器分享網頁到微信,QQ。雖然每一個浏覽器都有分享到微信的能力,但不是每個都提供接口供網頁來調用。及時有提供,浏覽器暴露出的api也各不相同,而我寫NativeShare的目的隻是為前端開發者提供一緻的api來調用浏覽器的原生分享元件。大小uglify + gzip = 4k。
移動端幾乎所有浏覽器都支援分享到QQ和QQ空間
QQ浏覽器
UC浏覽器
微信自帶浏覽器
QQ自帶浏覽器
QQ空間APP
百度浏覽器
百度APP自帶浏覽器
ios 搜狗浏覽器
支援分享到web微網誌
即将支援(android 搜狗浏覽器,微網誌APP)
存在的問題
安卓的QQ自帶浏覽器不支援.com以外的域名字尾。可能會支援.cn,.com.cn,但明确不支援.me,.io這個具體可以自己測試。
安卓的QQ自帶浏覽器分享url必須跟頁面url同一個域名,否則所有設定不生效。
安卓的QQ自帶浏覽器無法直接分享
雖然幾乎所有的浏覽器都支援分享到QQ和QQ空間,但是webview中基本都會不支援。我也很難判斷目前浏覽器是否支援,浏覽器是否喚起QQ APP我也很難判斷,所有除了上述支援的浏覽器,APP外其他情況調用分享到QQ我也會抛出異常。
UC浏覽器安卓端不能設定icon
百度浏覽器,百度APP不能直接分享
QQ空間APP,微信自帶浏覽器隻能設定文案,分享需要使用者手動點選右上角
下載下傳位址:
https://github.com/yayunD/NativeShare
非學,無以緻疑;非問,無以廣識