html5手機網(wǎng)站調(diào)用微信分享,其中示例包括 1. 獲取網(wǎng)絡(luò)類型 2. 調(diào)起客戶端的圖片播放組件 3. 調(diào)用微信掃描二維碼 4. 判斷是否安裝對應(yīng)的應(yīng)用 5. 發(fā)送郵件 6. 分享到微信朋友圈
10余年的封丘網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整封丘建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“封丘網(wǎng)站設(shè)計”,“封丘網(wǎng)站推廣”以來,每個客戶項目都認(rèn)真落實執(zhí)行。
用第三方合作平臺,將html5和頁面素材先上傳到第三方服務(wù)端,也可以在微信平臺通過文字或鏈接跳轉(zhuǎn)的形式,實現(xiàn)html5頁面的轉(zhuǎn)換。
自從微信升級 X5 Blink內(nèi)核之后,兼容性大大好轉(zhuǎn)。IOS雖說沒有升級統(tǒng)一為同一版本的內(nèi)核,但I(xiàn)OS版本的微信一直是WKWebView內(nèi)核,WKWebView的版本依賴于IOS的版本。
IOS 8.0以上的系統(tǒng),對Html5和css3的支持率也很高,基本的H5,CSS3的特性均得到支持,測試中有詳細(xì)數(shù)據(jù)。
萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改(這是一項推薦標(biāo)準(zhǔn)、外語原文:W3C Recommendation、見本處參考資料原文內(nèi)容:)。
2014年10月29日,萬維網(wǎng)聯(lián)盟宣布,經(jīng)過接近8年的艱苦努力,該標(biāo)準(zhǔn)規(guī)范終于制定完成。
一、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)容標(biāo)題??
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:?'',?//?分享標(biāo)題
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標(biāo)
success:?function?()?{?
//?用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
B.獲取“分享給朋友”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareAppMessage({
title:?'',?//?分享標(biāo)題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標(biāo)
type:?'',?//?分享類型,music、video或link,不填默認(rèn)為link
dataUrl:?'',?//?如果type是music或video,則要提供數(shù)據(jù)鏈接,默認(rèn)為空
success:?function?()?{?
//?用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
C.獲取“分享到QQ”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareQQ({
title:?'',?//?分享標(biāo)題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標(biāo)
success:?function?()?{?
//?用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
D.獲取“分享到騰訊微博”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
wx.onMenuShareWeibo({
title:?'',?//?分享標(biāo)題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標(biāo)
success:?function?()?{?
//?用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
E.獲取“分享到QQ空間”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口
wx.onMenuShareQZone({
title:?'',?//?分享標(biāo)題
desc:?'',?//?分享描述
link:?'',?//?分享鏈接
imgUrl:?'',?//?分享圖標(biāo)
success:?function?()?{?
//?用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel:?function?()?{?
//?用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});