国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現“掃碼閱讀”功能

2019-11-20 13:20:24
字體:
來源:轉載
供稿:網友

今天看到一個用戶發了個話題,“PC端的URL在移動端上打開要一個個敲好麻煩,有什么好的辦法?”。

確實現在已經是移動時代了,在移動設備上閱讀慢慢會成為主流,網站如果沒有便捷的方式讓用戶在移動設備閱讀的話還真有點落伍,于是想想就做個“掃碼閱讀”的功能吧。其實很簡單,就是將網址生成二維碼就行了。

無論用PHP生成,還是用JavaScript生成都是可以的,從代碼改動來說,用JavaScript會更省事些。所以這里就用jQuery吧。正好網上有個 jquery.qrcode.js 的擴展,可以拿來用。使用起來也很簡單,比如這樣:

然后用微信、支付寶錢包什么的掃一掃就可以在手機瀏覽器打開了,很方便,感謝 jquery.qrcode.js 的作者。

生成QR碼的代碼如下:

復制代碼 代碼如下:

jquery.qrcode.js 其實是通過使用jQuery實現圖形渲染,畫圖,支持canvas(HTML5)和table兩種方式,默認使用canvas方式,效率最高,當然要瀏覽器支持html5。直接調用如下:

復制代碼 代碼如下:

jQuery('#code').qrcode("

如果瀏覽器不支持 HTML5,或者你要配置圖片的尺寸,則可以采用這種方式:

復制代碼 代碼如下:

jQuery("#code").qrcode({
   render: "canvas", //canvas or table方式
   width: 150, //寬度
   height:150, //高度
   text: 'http://www.xxx.net/' //內容
});

現在博客每篇文章右側都有生成QR碼,可以掃一掃,在手機上閱讀了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沧源| 无极县| 沙田区| 拉萨市| 蚌埠市| 姜堰市| 汝阳县| 凯里市| 手机| 灌云县| 内黄县| 泰州市| 昌平区| 肃南| 隆昌县| 周口市| 阿合奇县| 漠河县| 泽库县| 桂阳县| 讷河市| 镇安县| 蓬莱市| 江陵县| 乡城县| 桐柏县| 调兵山市| 太仆寺旗| 宝坻区| 贵溪市| 涿鹿县| 木兰县| 宣武区| 甘孜县| 宜丰县| 东光县| 双柏县| 巢湖市| 达拉特旗| 伊通| 和静县|