說明:
在網(wǎng)站作品詳情頁分享功能中巢株,當(dāng)初使用過 2 種分享插件槐瑞,從百度分享到 bshare 分享熙涤,里面功能有些可以自定義配置阁苞,但是大部分都必須按照插件的 API 說明來做,導(dǎo)致很多時候無法和網(wǎng)站的交互達(dá)到很好的配合祠挫,尤其是微信分享二維碼顯示那槽,后來在其他視頻網(wǎng)站看到一種生產(chǎn)二維碼的 JQuery 插件,所以配合版本將微信分享采用通過插件生成需要的二維碼等舔。
插件名: Jquery-qrcode
Github: https://github.com/jeromeetienne/jquery-qrcode
使用方法:
1.在頁面 body 里面引用插件文件骚灸,注意文件引用順序。
<script type="text/javascript" src="src="jquery.qrcode.min.js""></script>2.在頁面中添加顯示二維碼 dom
<div class="share-qrcode"></div>3.網(wǎng)站功能文件中調(diào)用插件方法
$(".share-qrcode").qrcode(
render: "canvas",
width: 100,
height: 100,
text: url
);4.說明
二維碼顯示可以配合 Jquery 事件來一起工作可以自定義二維碼內(nèi)容可以自定義二維碼顯示尺寸可以選擇二維碼渲染方式慌植, canvas 或者 table5.缺點(diǎn)
當(dāng)二維碼內(nèi)容中含有中文時候甚牲,二維碼生成比較復(fù)雜導(dǎo)致被微信或其他二維碼掃碼設(shè)備掃描效率不是很高所以后續(xù)需要解決掃碼成功率不高的問題