博客新加入“掃碼閱讀”功能

給文章生成二維碼
服務器君一共花費了268.879 ms進行了7次數據庫查詢,努力地為您提供了這個頁面。
試試閱讀模式?希望聽取您的建議

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

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

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

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

生成QR碼的代碼如下:

<div id="qrcode"></div> 
<script src="http://www.snpmgr.live/librarys/application/views/veda/js/jquery-1.6.1.min.js" type="text/javascript">
<script src="http://www.snpmgr.live/librarys/application/views/veda/js/jquery.qrcode.min.js" type="text/javascript">
<script type="text/javascript">
jQuery.noConflict();
jQuery("#qrcode").qrcode({ 
    render: "canvas", //table方式 
    width: 150, //寬度 
    height:150, //高度 
    text: 'http://www.snpmgr.live/' //任意內容 
}); 
</script>

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

jQuery('#code').qrcode("http://www.snpmgr.live/");

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

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

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

本文地址:http://www.snpmgr.live/librarys/veda/detail/2634,歡迎訪問原出處。

不打個分嗎?

轉載隨意,但請帶上本文地址:

http://www.snpmgr.live/librarys/veda/detail/2634

如果你認為這篇文章值得更多人閱讀,歡迎使用下面的分享功能。
小提示:您可以按快捷鍵 Ctrl + D,或點此 加入收藏。

大家都在看

閱讀一百本計算機著作吧,少年

很多人覺得自己技術進步很慢,學習效率低,我覺得一個重要原因是看的書少了。多少是多呢?起碼得看3、4、5、6米吧。給個具體的數量,那就100本書吧。很多人知識結構不好而且不系統,因為在特定領域有一個足夠量的知識量+足夠良好的知識結構,系統化以后就足以應對大量未曾遇到過的問題。

奉勸自學者:構建特定領域的知識結構體系的路徑中再也沒有比學習該專業的專業課程更好的了。如果我的知識結構體系足以囊括面試官的大部分甚至吞并他的知識結構體系的話,讀到他言語中的一個詞我們就已經知道他要表達什么,我們可以讓他坐“上位”畢竟他是面試官,但是在知識結構體系以及心理上我們就居高臨下。

所以,閱讀一百本計算機著作吧,少年!

《敏捷軟件開發(原則模式與實踐)》 馬丁 (作者), 鄧輝 (譯者)

《敏捷軟件開發:原則模式與實踐》由享譽全球的軟件開發專家和軟件工程大師Robert C.Martin將向您展示如何解決軟件開發人員、項目經理及軟件項目領導們所面臨的最棘手的問題。這本綜合性、實用性的敏捷開發和極限編程方面的指南,是由敏捷開發的創始人之一所撰寫的。1.講述在預算和實踐要求下,軟件開發人員和項目經理如何使用敏捷開發完成項目;2.使用真實案例講解如何用極限編程來設計、測試、重構和結對編程;3.包含了極具價值的可多次使用的C++和JAVA源代碼;4.重點講述了如何使用UML和設計模式解決面向客戶系統的問題。

更多計算機寶庫...

燃烧吧足球登陆 内蒙古十一选五 新11选5 38体育即时比分网 安徽25选5 实时股票指数 股票融资后会什么走势 配资风险 上证指数(000001)股吧 股票涨跌即将涨停 太仓1号股票配资网 急速赛车 江苏11选5 2019股票配资平台官方排名 基金配资哪家好 正规理财排行榜前十名 1即时比分