純前端實現多個微信H5頁面分享出去指定到同一連線

2021-08-17 10:32:57 字數 751 閱讀 2709

配置並初始化分享介面:

function sharefn(title, linkurl, desc, imgurl) ,cancel: function ()

});title: title, // 分享標題

desc: desc, // 分享描述

imgurl: imgurl, // 分享圖示

type: '', // 分享型別,music、video或link,不填預設為link

dataurl: '', // 如果type是music或video,則要提供資料鏈結,預設為空

success: function () ,

cancel: function ()

});});

// config資訊驗證失敗會執行error函式,如簽名過期導致驗證失敗,具體錯誤資訊可以開啟config的debug模式檢視,也可以在返回的res引數中檢視,對於spa可以在這裡更新簽名。

wx.error(function(res));

}});};

可以將這段js**單獨放進乙個js檔案,引入到你需要做分享的h5裡;

配置完成後在h5頁面裡呼叫這分享的介面

var local = window.location.href.split('#')[0];、

我們來通過這個引數是否存在來判斷當前頁面在開啟的時候是否是直接分享過來的,然後再跳轉到我們指定的頁面就ok啦

為了不讓頁面有明顯的跳轉效果,這段**要放在頁面的頂部,title標籤上面,大功告成

H5頁面微信分享

例如 標題 title 描述 自動獲取當前瀏覽頁的url 不可自定義,無法修改 縮圖 可以在父層 div 上設定 display none 或者對 img 設定 position absolute visibility hidden 例如 display none logo512.png alt d...

實現H5頁面微信分享功能

官方是在title下邊引入 我是在body下面直接引用的,沒發現有什麼問題 script 接下來要配置config,我的是通過公司提供的js介面獲取的資訊,並且呼叫方法。var title 這裡面寫分享的名字 公司介面url location.href ajax.send ajax.onreadst...

微信h5頁面製作總結

第 一 尺寸問題 設計圖的尺寸我剛開始要的是750 1334px,但是在實際應用中發現忽略了手機的狀態列和導航欄的高度 iphone的設計標準,狀態列和導航欄的獨立畫素高度分別為40px和88px android系統的可以更改狀態列和導航欄的高度,可以取預設值為48px和100px 所以設計元素的展...