html5調用微信分享到朋友圈
『壹』 html如何讓微信里的html應用彈出「點擊右上角分享到朋友圈」
html如何讓微信里的html應用彈出「點擊右上角分享到朋友圈代碼格式如下:
#mcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
z-index: 20000;
}
#mcover img {
position: fixed;
right: 18px;
top: 5px;
width: 260px;
height: 180px;
z-index: 999;
}
『貳』 如何在網頁中添加分享到微信朋友圈按鈕
方法一、手動輸入要分享網頁的網址
1
首先打開 iPhone 上的「微信」
2
然後，選擇底部的「朋友們」，點擊上方的「朋友圈」
3
接下來，在朋友圈界面中，按住右上角「相機」按鈕2秒以上
4
接著微信會彈出發表文字的對話框，我們以在這里輸入描述文字和網頁的網址。內容寫好以後，點擊右上角藍色的「發送」按鈕即可
5
然後我們就可以看到剛剛分享網頁的網址已經出現在朋友圈裡了
6
點擊我們剛剛分享的網頁網址，就可以直接打開查看該網頁內容了
方法二、通過拷貝來分享
1
比如我們在瀏覽器打開了一個網頁，想把這個網頁分享到朋友圈。這里以 iPhone 自帶的瀏覽器 Safari 為例，點擊底部的分享圖標
2
在彈出的分享菜單中點擊「拷貝」，這樣就可以把當前網頁的網址復制下來，如圖所示
3
接下來我們打開微信應用程序，在朋友圈界面中，按住右上角「相機」按鈕2秒以上。在彈出發表文字的對話框，輕輕點擊即可出現「粘貼」選項
4
點擊「粘貼」即可把我們剛剛復制的網址粘貼出來，內容寫好以後，點擊右上角藍色的「發送」按鈕即可
5
然後我們就可以看到剛剛分享網頁的網址已經出現在朋友圈裡了
方法三、通過第三方軟體來分享
有一些第三方應用是支持通過微信分享的，這里以「網路新聞」為例。打開網路新聞以後，點擊我們想要分享的新聞
接下來請點擊右下角的「分享」圖標
3
然後在彈出的分享菜單中，選擇「微信朋友圈」
4
接著輸入文字描述，點擊「發送」即可
註：請務必輸入文字或表情，才可成功發送到微信朋友圈。
5
然後我們就可以看到剛剛分享網頁的網址已經出現在朋友圈裡
『叄』 手機web頁面怎麼實現分享到微信或微信朋友圈的功能
如果只是分享鏈接地址，直接拷貝到微信里發送就可以。
如果是需要有圖片和描述，需要接入微信公眾號~
『肆』 HTML5網頁如何調用瀏覽器APP的微信分享功能
一、html5手機網站調用微信分享包括 ：
獲取網路類型。
調起客戶端的圖片播放組件。
調用微信掃描二維碼。
判斷是否安裝對應的應用。
發送郵件。
分享到微信朋友圈。
二、代碼如下：
[html]viewplain
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<title>HTML5網頁如何調用瀏覽器APP的微信分享功能</title>
<metaname="viewport"content="width=device-width,initial-scale=1"/>
<linkrel="shortcuticon"type="image/x-icon"href="favicon.ico"/>
<linkrel="stylesheet"type="text/css"href="css/test.css"/>
<styletype="text/css">
html,
body{
margin:0;
padding:0;
}
</style>
</head>
<body>
<spanclass="shareBtn"id="toshare">點擊分享到</span>
<divid="nativeShare"></div>
<scripttype="text/javascript"src="js/vendor/jquery-1.11.3.min.js"></script>
<scripttype="text/javascript"src="js/nativeShare.js"></script>
<scripttype="text/javascript">
$("#toshare").bind("click",function(){
varconfig={
url:'',//分享url
title:'',//內容標題
desc:'',//描述
img:'',//分享的圖片
img_title:'',//圖片名稱
from:''//來源
};
varshare_obj=newnativeShare('nativeShare',config);
$(".am-share").addClass("am-modal-active");
if($(".sharebg").length>0){
$(".sharebg").addClass("sharebg-active");
}else{
$("body").append('<divclass="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>
三、輸出結果：
wx.onMenuShareQZone({
title:'',//分享標題
desc:'',//分享描述
link:'',//分享鏈接
imgUrl:'',//分享圖標
success:function(){
//用戶確認分享後執行的回調函數
},
cancel:function(){
//用戶取消分享後執行的回調函數
}
});
『伍』 html5頁面打開 微信 並分享
用第三方合作平台，將html5和頁面素材先上傳到第三方服務端，也可以在微信平台通過文字或鏈接跳轉的形式，實現html5頁面的轉換。
自從微信升級 X5 Blink內核之後，兼容性大大好轉。IOS雖說沒有升級統一為同一版本的內核，但IOS版本的微信一直是WKWebView內核,WKWebView的版本依賴於IOS的版本。
IOS 8.0以上的系統，對Html5和css3的支持率也很高，基本的H5，CSS3的特性均得到支持，測試中有詳細數據。
『陸』 微信那些分享到朋友圈的h5頁面是怎麼做的
現在有很多h5製作工具可以做出來，一般都是選擇空白樣板自由設計或者選擇已有模板進行簡單的圖文更換，可以做年度報告、邀請函、企業招聘等的H5頁面類型。
『柒』 哪位大神 有h5+分享到微信、朋友圈完整代碼示例啊 包括html，js
自己注冊個易企秀，人人秀H5編輯器，操作一下就會了
『捌』 微信H5頁面裡面可以做一個按鈕直接分享到朋友圈嗎
現在的話，微信已經不支持我們這么做了，這個許可權其實非常高的。為了方便微信用戶的一個體驗，微信已經不允許這么做了，如果說你還是希望讓用戶去主動分享這個H5，建議還是做一個按鈕點擊的時候顯示一個分享的提示，比如「分享給好友」，「讓更多好朋友知道參與」等提示，讓用戶自己去選擇是否分享。
因為這是一個用戶的個人行為，我們不能去干預，希望可以幫到你。
『玖』 html 如何讓微信里的html應用彈出「點擊右上角分享到朋友圈」的
一個分享按鈕，一個隱藏的圖片（這個圖片絕對定位在右上角）然後就是點擊顯示，點擊隱藏了。
<a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';">分享到朋友圈</a>
<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">
<img src="/public/images/guide.png">
</div>
對應樣式如下：
#mcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
z-index: 20000;
}
#mcover img {
position: fixed;
right: 18px;
top: 5px;
width: 260px;
height: 180px;
z-index: 999;
}
『拾』 如何在H5頁面中 增加按鈕點擊分享到微信朋友圈功能
彈出一個圖片，指導用戶點擊微信自帶的分享按鈕你是想問在微信頁面里 點擊按鈕 分享到朋友圈嗎？這種情況目前應該實現不了。