二維碼這個東西真的是非常火的,特別是在移動平台上佔有很多的市場,因為識別速度快存儲信息多的緣故,現在買一個東西都只需要用手機輕鬆的拍一下了,真的是非常的方便,現在很多博客上也都開始使用了,既然大家都開始使用,我們也就把他看做一個配套吧。
二維碼生成的確是很簡單的,但是不管在哪個頁面中都是同一個二維碼就太不人性化了,今天提供的這套代碼,可以輕鬆的根據當前所在 URL 自動生成匹配的二維碼,並且不需要任何插件的幫助哦。
<style type=”text/css”>
.eweima{
width:200px;
height:200px;
margin:auto;
}
</style>
<div class=”eweima”>
<script type=”text/javascript”>
document.write(“<img src=\”https://chart.googleapis.com/chart?cht=qr&chs=500×500&choe=UTF-8&chld=L|2&chl=”); title=”點擊查看”
document.write(window.location.href);
document.write(“\” width=\”200\” height=\”200\” alt=\”二維碼\”/>”);
</script>
上面是所有代碼,創建一個小工具把代碼複製到裏面就好了,就像我的右邊欄一樣,代碼中的 200 為二維碼的高寬,高寬一定要一樣,你可以根據自己的邊欄寬度更改下。這套代碼是利用了 google 的 API 實現的,所以速度上肯定是佔優勢的了。
code test