分享代碼直接借助第三方的就可以!我一直在用百度分享
創(chuàng)新互聯(lián)公司服務(wù)項目包括筠連網(wǎng)站建設(shè)、筠連網(wǎng)站制作、筠連網(wǎng)頁制作以及筠連網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,筠連網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到筠連省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
方法一:登陸百度站長平臺
方法二:點擊百度分享
方法三:直接獲取百度分享代碼,還可以高級設(shè)置百度分享代碼
方法四:按照步驟一步一步安裝就可以?。ㄟx擇你想要的功能)
最后一步安裝到你想安裝的位置!
微信公眾平臺本身沒有這個存儲空間,所以就需要有個服務(wù)器或者第三方托管來承載制作好的html5頁面;
1.通常微信都有第三方合作平臺,直接調(diào)用第三方接口,然后將html5和頁面素材統(tǒng)一打包上傳到第三方服務(wù)端。
2.倘若有服務(wù)器空間,則直接將html5打包放在網(wǎng)站根目錄文件下,在微信端直接調(diào)用服務(wù)器端的地址即可;
3.可以在微信平臺通過文字或鏈接跳轉(zhuǎn)的形式,實現(xiàn)html5頁面的轉(zhuǎn)換。
一、html5手機網(wǎng)站調(diào)用微信分享包括 :
獲取網(wǎng)絡(luò)類型。
調(diào)起客戶端的圖片播放組件。
調(diào)用微信掃描二維碼。
判斷是否安裝對應(yīng)的應(yīng)用。
發(fā)送郵件。
分享到微信朋友圈。
二、代碼如下:
[html]?view?plain?copy
!DOCTYPE?html??
html??
head??
meta?charset="utf-8"??
meta?http-equiv="X-UA-Compatible"?content="IE=edge,chrome=1"??
titleHTML5網(wǎng)頁如何調(diào)用瀏覽器APP的微信分享功能/title??
meta?name="viewport"?content="width=device-width,?initial-scale=1"?/??
link?rel="shortcut?icon"?type="image/x-icon"?href="favicon.ico"?/??
link?rel="stylesheet"?type="text/css"?href="css/test.css"?/??
style?type="text/css"??
html,??
body?{??
margin:?0;??
padding:?0;??
}??
/style??
/head??
body??
span?class="shareBtn"?id="toshare"點擊分享到/span??
div?id="nativeShare"/div??
script?type="text/javascript"?src="js/vendor/jquery-1.11.3.min.js"/script??
script?type="text/javascript"?src="js/nativeShare.js"/script??
script?type="text/javascript"??
$("#toshare").bind("click",?function()?{??
var?config?=?{??
url:?'',?//分享url??
title:?'',?//內(nèi)容標題??
desc:?'',?//描述??
img:?'',?//分享的圖片??
img_title:?'',?//圖片名稱??
from:?''?//來源??
};??
var?share_obj?=?new?nativeShare('nativeShare',?config);??
$(".am-share").addClass("am-modal-active");??
if?($(".sharebg").length??0)?{??
$(".sharebg").addClass("sharebg-active");??
}?else?{??
$("body").append('div?class="sharebg"/div');??
$(".sharebg").addClass("sharebg-active");??
}??
$(".sharebg-active,.share_btn").click(function()?{??
$(".am-share").removeClass("am-modal-active");??
setTimeout(function()?{??
$(".sharebg-active").removeClass("sharebg-active");??
$(".sharebg").remove();??
},?300);??
})??
});??
/script??
/body??
/html
三、輸出結(jié)果:
四、其他分享接口:
A.獲取“分享到朋友圈”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareTimeline({
title:?'',?//?分享標題
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標
success:?function?()?{?
//?用戶確認分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
B.獲取“分享給朋友”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareAppMessage({
title:?'',?//?分享標題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標
type:?'',?//?分享類型,music、video或link,不填默認為link
dataUrl:?'',?//?如果type是music或video,則要提供數(shù)據(jù)鏈接,默認為空
success:?function?()?{?
//?用戶確認分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
C.獲取“分享到QQ”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareQQ({
title:?'',?//?分享標題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標
success:?function?()?{?
//?用戶確認分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
D.獲取“分享到騰訊微博”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareWeibo({
title:?'',?//?分享標題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標
success:?function?()?{?
//?用戶確認分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
E.獲取“分享到QQ空間”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口
wx.onMenuShareQZone({
title:?'',?//?分享標題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標
success:?function?()?{?
//?用戶確認分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
html5手機網(wǎng)站調(diào)用微信分享,其中示例包括 1. 獲取網(wǎng)絡(luò)類型 2. 調(diào)起客戶端的圖片播放組件 3. 調(diào)用微信掃描二維碼 4. 判斷是否安裝對應(yīng)的應(yīng)用 5. 發(fā)送郵件 6. 分享到微信朋友圈
用第三方合作平臺,將html5和頁面素材先上傳到第三方服務(wù)端,也可以在微信平臺通過文字或鏈接跳轉(zhuǎn)的形式,實現(xiàn)html5頁面的轉(zhuǎn)換。
自從微信升級 X5 Blink內(nèi)核之后,兼容性大大好轉(zhuǎn)。IOS雖說沒有升級統(tǒng)一為同一版本的內(nèi)核,但IOS版本的微信一直是WKWebView內(nèi)核,WKWebView的版本依賴于IOS的版本。
IOS 8.0以上的系統(tǒng),對Html5和css3的支持率也很高,基本的H5,CSS3的特性均得到支持,測試中有詳細數(shù)據(jù)。
萬維網(wǎng)的核心語言、標準通用標記語言下的一個應(yīng)用超文本標記語言(HTML)的第五次重大修改(這是一項推薦標準、外語原文:W3C Recommendation、見本處參考資料原文內(nèi)容:)。
2014年10月29日,萬維網(wǎng)聯(lián)盟宣布,經(jīng)過接近8年的艱苦努力,該標準規(guī)范終于制定完成。