1. 程式人生 > >HTML5 實現分享功能(QQ 微信 微博)

HTML5 實現分享功能(QQ 微信 微博)

今天為大家介紹HTML5如何實現分享功能,有需要的小夥伴參考一下,具體內容如下:

這是分享按鈕:

123456<button onclick="call()">通用分享</button><button onclick="call('wechatFriend')">微信好友</button><button onclick="call('wechatTimeline')">朋友圈</button><button onclick="call('qqFriend')">QQ</button><button onclick
="call('qZone')">QQ空間</button><button onclick="call('weibo')">微博</button>

 這是js呼叫程式碼:

12345678910111213141516171819202122232425262728<script type="text/javascript" src="NativeShare.js"></script><script type="text/javascript">var nativeShare = new NativeShare()var shareData = {
title: '分享標題',desc: '',// 如果是微信該link的域名必須要在微信後臺配置的安全域名之內的。link: 'https://www.baidu.com',icon: 'https://www.baidu.com',// 不要過於依賴以下兩個回撥,很多瀏覽器是不支援的success: function() {console.log("success")},fail: function() {console.log("fail")}}nativeShare.setShareData(shareData)function call(command) {try {nativeShare.call(command)
catch (err) {// 如果不支援,你可以在這裡做降級處理alert(err.message)// console.log("err.message")}}</script>

這個就是分享js檔案NativeShare.js:

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374

相關推薦

HTML5 實現分享功能QQ

今天為大家介紹HTML5如何實現分享功能,有需要的小夥伴參考一下,具體內容如下:這是分享按鈕:123456<button onclick="call()">通用分享</button><button onclick="call('wechatFriend')">微信好友<

js-分享功能qq,

 //分享QQ好友     function qq(title,url,pic)     {         var p = {             url: 'http://test.qicheyitiao.com',/*獲取URL,可加上來自分享到QQ標識,方便統計

Android 分享QQ分享功能原生實現

微信分享與QQ分享功能現在都挺常見的,可以根據一些第三方社會化分功能快速實現,不過多多少少都不怎麼純淨,最好都是自己看官方文件來實現就最好了~一、微信分享微信分享功能需要先在微信開放平臺註冊應用並獲取APP ID,就可以獲得微信提供的基本介面了APP ID是對應唯一的應用包名

在Unity3D項目中接入ShareSDK實現安卓平臺分享功能可使用ShareSDK默認UI或自定義UI

顯示 選項 dev template 腳本 配置文件 all 自己 show   最近公司的大廳要重做,我協助主程一起制作新大廳和新框架,前面制作的編輯器也派上了用場。等全部功能做完後我會再寫一個復盤,這兩天主程在忙於寫熱更新的功能,所以把接入分享SDK功能的任務交給了我,

ShareSDK接入實現分享功能

ShareSDK接入實現微信分享功能 首先需要去Mob官網(http://www.mob.com/)下載shareSDK For Unity3d 下載完成,解壓,將以下plugins資料夾移入Unity專案的Assets資料夾裡,並將專案平臺轉換為安卓平臺 在場景裡建立幾個cube作為

sharesdk第三方分享功能朋友圈QQ郵箱

//需要引入sharesdk和在微博微信QQ提供的第三方平臺上申請賬號,請自行查閱sharesdk官方文件 //用於分享的資料,自行根據需求進行設定 public class ShareModel { private String address; priv

擎呼叫JSSDK實現分享功能

最近遇到一個專案是基於微擎框架做一個分享功能的,微擎本身是自帶分享功能的,只是這次想要實現自定義分享內容,故進行了以下程式碼處理 * $_W[‘account’][‘jssdkconfig’]是微擎封裝好的jssdk簽名包的內容 * php頁面程式碼 <?php if

mui、HBuilder、 HTML5+實現分享分享介面閃退的問題

實現微信分享的步驟有如下幾步:   1. 在微信開放平臺申請AppID、AppSecret;   2. 配置Hbuilder專案中的manifest.json檔案,新增分享許可權和配置分享SDK;    3. 測試分享。  

PHP實現開發中提現功能企業付款到使用者零錢

一.實現該功能目的     這幾天在小程式裡要實現使用者從系統中提現到零錢的功能,查了一下文件可以使用 企業付款到使用者零錢 來實現;  官方文件:https://pay.weixin.qq.com/wiki/doc/api/tools/mch_pay.php?chapt

Laravel5.1 實現第三方登入認證包括QQ、豆瓣

第三方登入認證能簡化使用者登入/註冊的操作,降低使用者登入/註冊的門檻,對提高應用的使用者轉化率很有幫助。 Socialite Laravel 為我們提供了簡單、易用的方式,使用 Laravel Socialite 進行 OAuth(OAuth1 和 OAuth2 都有支

分享功能分享到朋友和朋友圈顯示圖片和簡介

wx.config({ debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。 appId: '@Model.appId', // 必填,公眾號的唯一

安卓呼叫系統自帶分享功能分享文字,分享大圖片,仿好奇心日報分享長圖片不用申請官方sdk就能直接分享

當前安卓分享一共三種方式 1,呼叫安卓系統自帶分享功能(可以分享大圖) 2,呼叫微信,微博支付寶等自己的官方分享sdk 3,用友盟,shareSdk等整合好的sdk 由於公司業務要求,需要分享一些長圖,大圖到微信,微博等。由於微信微博自己的官方sdk對圖片有限制, 比如微博

小程式遇到的坑】使用webSocket實現聊天功能 支援圖片預覽 + 語音 + 檢視歷史聊天記錄 附完整程式碼

在一般web服務中,大多使用短連線來向伺服器請求資源,與伺服器的互動頻率低,次數少。而在一些需要與伺服器互動頻繁,需要及時收到伺服器推送的場景,比如直播、聊天、多人實時遊戲,更適合使用 webSocket 進行通訊。 長連的生命週期介紹 webSocket的生命週期一共有

vue 自定義分享連結拼接引數實現分享功能

Vue 專案實現微信分享的自定義分享連結問題解決 這篇文章可能把問題想複雜了,設定微信分享推薦閱讀這篇文章 >>&

Flex 實現表格布局 小程序

class eight 技術 con log rec color order blog 微信小程序自己開發了一套 wxml + wxss,對許多 HTML 標簽和 CSS 屬性不支持。 不支持 table 標簽,推薦使用 flex 布局。 自然而然的想法:flex

Android ViewPager實現滑動切換頁面+底部tab點選切換頁面首頁

目錄:1.實現功能概述2.程式碼實現 1.實現功能概述實現了滑動更換頁面同時切換底部Tab的圖示、文字的顏色,同時也支援點選底部Tab達到切換頁面的效果,有點類似微信首頁佈局 外帶實現toolbar overflow選單顯示圖示。 2.程式碼實現 2.1 效果截圖(資源來源

Android筆記之圖片高斯+Glide實現圖片載入策略+仿進度條

很久以前就想自己實現一下仿微信圖片載入的那種策略了,先載入一張模糊的圖片,然後再載入清晰大圖,今天研究了一下,不過要是Glide支援進度條顯示就好了,不得不說Glide很強大, 不囉嗦了,直接上程式碼了。 首先看看高斯模糊到底怎麼實現,你問我我也不會(^__

封裝QQ分享lib快速使用

上次封裝了分享圖片資源的處理趁著有空 把分享功能進行了整合封裝 ShareLib 整合微信微博QQ分享功能 1.接入工程 在主工程的build.gradle 中新增maven倉庫地址 maven { url "https://dl.bintra

中點擊鏈接直接跳到默認瀏覽器是怎麽實現的?不是在內置瀏覽器打開

peer 如何實現 宣傳 padding 介紹 ray tag ani UNC 在我們使用微信營銷的時候,很容易碰到推廣連接在微信內無法打開或不提示前往瀏覽器打開。首先說一下推廣域名在微信內無法打開的問題,這是因為微信風控系統封殺了第三方下載鏈接,所以在微信內無法打開。其次

分享空間等第三方平臺的JS代碼

name rep renren share menubar 代碼 shu status 簡單 分享功能有利於傳播更多優質的內容,所以在web項目中也是比較常用的。今天就抽空整理下常用的分享平臺的JS代碼。這些代碼可以在對應平臺的官方網站上生成,官網上對分享內容的參數也有詳盡