在這個移動互聯(lián)網(wǎng)深度應(yīng)用的時代,各種各樣的二維碼,通過掃一掃就可以實現(xiàn)對應(yīng)的功能,非常方便。比如微信二維碼,掃一掃可以加好友、可以在線付款。總之,不同的應(yīng)用中的不同二維碼可以賦予他不同的功能和作用。今天,小編帶大家來了解一下手機網(wǎng)站二維碼,通過這個二維碼,讓用戶可以直接掃一掃就可以訪問你的手機網(wǎng)站。

程序自動生成
熟悉Jquery的朋友,可以依賴于一個第三方的JS插件,實現(xiàn)二維碼的在線生成。這個工具插件jquery.qrcode,只需要短短的幾行代碼就可以實現(xiàn)二維碼的在線生成??梢缘桨俣人岩幌?ldquo;jquery.qrcode”,會有很多可以下載的,這個就不做詳細講解了,自己去下載就好。下面主要講一下如何實現(xiàn)二維碼在線生成功能。
首先將jquery.qrcode.min.js存放到你網(wǎng)站中的對應(yīng)目標,本演示直接放在根目錄。然后在需要生成二維碼的網(wǎng)頁中的<head></head>之間插入以下代碼(用于包含插件):
<script language="javascript" src="jquery.qrcode.min.js"></script>
然后在頁面結(jié)束位置,即</body>之前,插入下面代碼:
<script language="javascript">
$("div.EWM").qrcode({ //此處的div.EWM是你的網(wǎng)頁中用于顯示二維碼的元素區(qū)域。
render: "canvas",//canvas是畫布模式,生成的是圖片形式,還可以是table,則生成的是表格形式。
width: 150, //寬度,根據(jù)你的EWM元素的大小填寫對應(yīng)像素的寬度
height:150, //高度,根據(jù)你的EWM元素的大小填寫對應(yīng)像素的高度
text: "你需要生成二維碼的網(wǎng)址或文字"//任意內(nèi)容
});
</script>
稍懂些JS代碼的朋友基本上能看得明白,按上面的代碼寫在網(wǎng)頁里后,就會自動在EWM的元素區(qū)域內(nèi)顯示出二維碼。如果你不懂JS程序或WEB技術(shù),沒有關(guān)系,手動成生也是可以的。
手動生成
先在“內(nèi)容或網(wǎng)址”中填寫你的手機網(wǎng)站網(wǎng)址,然后點“生成”按鈕,二維碼就呈現(xiàn)了,在出現(xiàn)的二維碼上點鼠標右鍵,另存為到你的本地電腦就可以了,把它放在你需要的地方提供給用戶去掃碼吧。
本文不僅適用于WEB程序員解決網(wǎng)站中二維碼生成問題,也適用于不懂WEB技術(shù)的普通用戶在線手工生成二維碼,十分簡單和方便。
本文網(wǎng)址:http://news.jyspkj.cn/news/n772.html
本文由藝瓊網(wǎng)絡(luò)原創(chuàng),禁止轉(zhuǎn)載、復制、傳播,深圳市藝瓊網(wǎng)絡(luò)科技有限公司保留著作權(quán)。