chrome應用商店有三款二維碼插件,本身一直使用的第一款。這三款插件有且只有一個功能就是生成當前頁面的URL的二維碼。
其實這個功能基本上知足了須要移動端開發在微信裏打開頁面進行調試的狀況。html
可是也有少數狀況(如:頁面存在重定向),沒法直接在桌面上打開連接。此時以往我習慣性的打開百度,輸入二維碼,找到草料二維碼,填入連接,而後生成二維碼,最後微信掃一掃。前端
每次有此狀況發生的時候,腦子裏都存在一個想法爲何生成當前頁面的URL的插件上存在一個輸入框,能夠手動生成一個二維碼呢?!git
因爲以前接觸過一些Chrome開發,因此對Chrome開發內心有數,本質上就是前端開發,加上Chrome提供的特殊API接口,就能夠搞定。github
開源的插件:http://davidshimjs.github.io/qrcodejs/chrome
根據《Chrome擴展及應用開發》我總結了大概有五種類型:微信
二維碼開發確定選browser_action,
需求:插件
{ "manifest_version": 2, "name": "二維碼", "version": "0.0.1", "description": "二維碼", "icons": { "128": "img/qrcode.png" }, "browser_action": { "default_icon": { "38": "img/qrcode.png" }, "default_tile": "二維碼", "default_popup": "popup.html" }, "permissions": [ "tabs" ] }
此頁面爲正常的前端開發HTML頁面,可引入CSS,和JS文件。調試
github: https://github.com/yangqiong/chrome-plugins-qrcode
代碼寫的很差,歡迎你們提意見,謝謝。code