HTML5網(wǎng)頁(yè)如何調(diào)用瀏覽器APP的微信分享功能

一、html5手機(jī)網(wǎng)站調(diào)用微信分享包括 ：

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),蘇仙企業(yè)網(wǎng)站建設(shè),蘇仙品牌網(wǎng)站建設(shè),網(wǎng)站定制,蘇仙網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,蘇仙網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

獲取網(wǎng)絡(luò)類型。

調(diào)起客戶端的圖片播放組件。

調(diào)用微信掃描二維碼。

判斷是否安裝對(duì)應(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)頁(yè)如何調(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"點(diǎn)擊分享到/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.獲取“分享到朋友圈”按鈕點(diǎn)擊狀態(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.獲取“分享給朋友”按鈕點(diǎn)擊狀態(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”按鈕點(diǎn)擊狀態(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.獲取“分享到騰訊微博”按鈕點(diǎn)擊狀態(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空間”按鈕點(diǎn)擊狀態(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ù)

}

});

在微信上做 HTML5 網(wǎng)頁(yè)和普通的網(wǎng)頁(yè)開發(fā)有何不同

如果考慮的范圍只是微信內(nèi)置瀏覽器和手機(jī)上的瀏覽器應(yīng)用（safari、chrome）的話，差不多有幾個(gè)不同點(diǎn)吧：

最突出的差別，前端要注意分享功能！上線之前，每個(gè)頁(yè)面基本都要review一邊分享功能是不是完善的。

微信最近提供了新的接口，所以以后會(huì)有更多與微信貼合緊密的特性。

html5接口上的差異。safari和chrome的話提供的html5接口會(huì)更多，而微信內(nèi)置瀏覽器的接口比較少，印象最深的是usermedia。前幾天在項(xiàng)目里還發(fā)現(xiàn)，微信里固定定位的支持還是不夠好，safari在這點(diǎn)上現(xiàn)在好很多了。所以如果想讓 web 應(yīng)用在微信里體驗(yàn)更好一些的話，iscroll類的模塊是免不了的。

微信瀏覽器的兼容性問題，在android上比較明顯。印象比較深的是三星的機(jī)型上不支持background-size-cover，必須使用-webkit-background-size才行。小米的輸入框比較難搞。。。

開發(fā)、調(diào)試上的問題。android chrome比較好，有遠(yuǎn)程調(diào)試功能。微信里面基本木有辦法。遇到棘手的問題，一般會(huì)使用modernizr來做特性檢測(cè)，或者使用遠(yuǎn)程log工具調(diào)試。

HTML5網(wǎng)頁(yè)怎么上傳到微信公眾平臺(tái)

首先，可以使用微信公眾平臺(tái)的內(nèi)容編輯器或其他的微信編輯器來編輯微信的內(nèi)容并發(fā)布；

其次，用dw制作的html5網(wǎng)頁(yè)要在微信公眾平臺(tái)上進(jìn)行上傳，可以通過第三方平臺(tái)進(jìn)行；

最后，如果不上傳，也可以考慮用微信平臺(tái)的鏈接實(shí)現(xiàn)對(duì)html5網(wǎng)頁(yè)的跳轉(zhuǎn)。

最后一種方法是最直接有效，而且基本上80%的微信平臺(tái)都是這樣使用的；

希望對(duì)你有所幫助！

文章題目：html5微信網(wǎng)站,微信html5網(wǎng)頁(yè)
分享網(wǎng)址：http://vcdvsql.cn/article36/dsdgjpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、云服務(wù)器、App設(shè)計(jì)、外貿(mào)建站、關(guān)鍵詞優(yōu)化、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)