現在、Jiathis、Bshare共有、Baidu共有などのいくつかの大企業など、多くの主流の共有ツールがありますが、PC側で共有しているだけであり、携帯電話のサポートはあまり良くありません。
多くのモバイルブラウザには、UCブラウザーやQQブラウザーなど、いくつかの共有コンポーネントが組み込まれていることがわかります。組み込みコンポーネント共有は、対応するアプリ共有を直接開始できます。 JSがブラウザの組み込み共有コンポーネントを呼び出すことができれば、それはどれほどクールでしょう。
専門家は人々の中にいます。 wulin.comの編集者は、この兄弟によって書かれたJSライブラリを見るためにあなたを連れて行きます。
1.ツールはじめにNativeshare.js
JavaScriptを介してネイティブ共有を直接呼び出すことができるツール。これには次の特性があります。
1.ネイティブのWeibo、Wechat Friends、Wechat Moments、QQ Friends、QQ Space Sharingをサポート
2。より多くの共有関数のためにブラウザの呼び出しをサポートします
3. jQueryやその他のプラグインに依存しないでください
注：現在、モバイルUCブラウザとQQブラウザのみがサポートされています
GitHubプロジェクトアドレス：https：//github.com/jefferywang/nativehare.js
git@oscプロジェクトアドレス：http：//git.oschina.net/wangjunfeng/nativehare.js
2。使い方
1.CSSファイルを導入します
コードコピーは次のとおりです。
<link rel = "styleSheet" href = "nativeshare.css"/>
2。共有を追加する必要がある場合に次のコードを挿入します。
コードコピーは次のとおりです。
<div id = "nativeshare"> </div>
3.構成情報を追加してインスタンス化します
コードコピーは次のとおりです。
<スクリプト>
var config = {
url： 'http：//blog.wangjunfeng.com' 、//共有Webページリンク
タイトル：「Wang Junfengの個人ブログ」、//タイトル
DESC：「Wang Junfengの個人ブログ」、//説明
IMG： 'http：//www.wangjunfeng.com/img/face.jpg',// picture
IMG_TITLE：「Wang Junfengの個人ブログ」、//画像タイトル
From：「Wang Junfengのブログ」//ソース
};
var share_obj = new Nativeshare（ 'Nativeshare'、config）;
</script>
3。デモンストレーションスクリーンショット
図1：Sina Weiboと共有
図2：WeChat Momentsに共有します
図3：WeChatを介して連絡先と共有します
図4：QQが連絡先と共有します
図5：QQ宇宙への共有
図6：ブラウザの内蔵共有コンポーネントを呼び出します