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