微信自带的浏览器无法输入链接，仅仅能通过扫描二维码实现。可是有时候看到一个有趣的站点，想分享，还得先去将链接转化成二维码的站点。先转成二维码。再扫描。有点麻烦。所以写了一个插件。直接生成二维码。

须要引用的文件：jquery.qrcode.js(将文字转化成二维码)和jquery

用的是Browser Actions实现。用户点击图标。在popup.html中显示二维码，代码例如以下：

manifest.json:

  1. {
  2.   "name": "WebSite2QRcode",
  3.   "version": "1.0",
  4.   "description": "将网址转化成二维码",
  5.   "browser_action": {
  6.     "default_icon": "icon.png" ,
  7.     "default_title": "QRcode",
  8.     "default_popup": "popup.html"
  9.   } ,
  10.   "permissions": [
  11.         "tabs",
  12.         "http://*/*",
  13.         "https://*/*",
  14.         "notifications"
  15.       ],
  16.  
  17.    "manifest_version": 2
  18. }

popup.html:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Website2QRcode</title>
  5.  
  6. <script src="jquery-2.1.3.min.js"></script>
  7. <script type="text/javascript" src="jquery.qrcode.min.js"></script>
  8. <script type="text/javascript" src="popup.js"></script>
  9. </head>
  10.  
  11. <body>
  12. <p id="website">
  13. 	http://blog.csdn.net/iloster
  14. </p>
  15. <p id="title">
  16.  
  17. </p>
  18. <div id="QRcode"></div>
  19.  
  20. </body>
  21. </html>

popup.js

  1. function getCurrentTabUrl(callback)
  2. {
  3. 	//获取当前标签的网址和标题
  4. 	chrome.tabs.getSelected(function(tab)
  5. 		{
  6. 			var tabUrl = tab.url;
  7. 			var tabTitle = tab.title;
  8. 			callback(tabUrl,tabTitle);
  9. 		});
  10. }
  11.  
  12. //监听点击时间
  13. document.addEventListener('DOMContentLoaded', function() {
  14. 	 getCurrentTabUrl(function(tabUrl,tabTitle)
  15. 	 	{
  16. 	 		 var website = document.getElementById('website');
  17. 	 		 var title = document.getElementById('title');
  18. 	 		 website.textContent = "网址: " + tabUrl;
  19. 	 		 title.textContent = "标题: " + tabTitle;
  20. 	 		 //生成二维码
  21.     		jQuery('#QRcode').qrcode(tabUrl);
  22. 	 	});
  23.  
  24. });

结果:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWxvc3Rlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

有什么好的链接，直接扫描分享就好了

源代码地址：https://github.com/iloster/WebSite2QRcode

chrome插件开发-----------将网址转化成二维码website2QRcode的更多相关文章

  1. URL转换成二维码

    转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6685804.html 二维码已经成为我们日常生活中的一个不可获取的产物,火车票上,景区门票,超市付款等等都 ...

  2. JS框架_(Qrcode.js)将你的内容转换成二维码格式

    百度云盘 传送门 密码:304e 输入网址点击按钮生成二维码,默认为我的博客首页 二维码格式演示 <!DOCTYPE html> <html lang="en"& ...

  3. qrcode.js插件将你的内容转换成二维码格式

    ---qrcode.js插件将你的内容转换成二维码格式--- 我之前一直想知道二维码是怎么生成,所以就了解了一下, 最后还是不知道它的原理, 但是,我知道怎么生成. 现在就让我带你制作一个你喜爱的二维 ...

  4. 利用 Python django 框架 输入汉字，数字，字符，等。。转成二维码！

    利用 Python django 框架 输入汉字,数字,字符,等..转成二维码! 模块必备:Python环境 + pillow  + qrcode 模块 核心代码import qrcode qr = ...

  5. python将url转变成二维码图片

    将url数据转变成二维码数据,再将二维码图片转成base64格式返回 import qrcode import io def url_image(self,url): img = qrcode.mak ...

  6. iOS-生成二维码图片【附中间带有小图标二维码】（QRCode）

    生成二维码图片也是项目中常用到的,二维码的扫描Git上有很多好用的,这里主要说下二维码的生成 1.普通二维码 方法 /** 生成二维码 QRStering:字符串 imageFloat:二维码图片大小 ...

  7. c# url链接转成二维码图片，再转成byte[]二进制流，输出到前段ajax

    需要用到的 dll 添加引用 代码: //获取配置文件设置的url string urllink = ConfigurationManager.AppSettings["urllink&qu ...

  8. python将url转换成二维码

    准备环境 python生成二维码,需要依赖包qrcode和PIL(二维码的实质就是一个url.) python3安装PIL:pip install PIL python2安装PIL:pip insta ...

  9. apk下载的网址生成一个二维码

    apk提供二维码扫描下载,其实就是把apk所在的地址生成二维码. 下面提供一个在线二维码生成网址,http://cli.im/text/1833744?iID7V

随机推荐

  1. php直接输出json格式

    php直接输出json格式,很多新手有一个误区,以为用echo json_encode($data);这样就是输出json数据了,没错这样输出文本是json格式文本而不是json数据,正确的写法是应该 ...

  2. JavaScript中的数据类型总结

    Javascript是一种弱类型语言,没有明确的类型分类:网上分类的方式比较多,个人感觉不比去特别的追究细分是什么什么类型,若是能够明确的分出类型的话,javascript就不是弱类型语言,又由于大家 ...

  3. JavaScript(获取或设置html元素的宽,高,坐标)，确定和判断鼠标是否在元素内部，二级导航菜单鼠标离开样式问题解决

    设置: document.getElementById('id').style.width=value    document.getElementById('id').style.height=va ...

  4. 4. CMake 系列 - 项目添加编译选项

    目录 1. 项目目录结构 2. 相关代码 2.1 add 模块 2.2 sub 模块 2.3 example 模块 2.4 顶层 CMakeLists.txt 3. 配置&编译 1. 项目目录 ...

  5. 火狐 firefox proxy moz=proxy:// 407错误 解决办法

    设置代理后,访问任一网站均弹窗要求输入代理的用户名和密码,但是多次输入始终无法认证. 最后才发现原来firefox把代理服务器的认证信息当成网站的认证信息记录了. 解决方法:将已登录信息中的代理相关的 ...

  6. AngularJS核心01：如何启动

    启动 下面解释了AngularJS是如何运行下面Html的(用一张图和一个例子来解释): 浏览器载入HTML,然后把它解析成DOM. 浏览器载入angular.js脚本. AngularJS等到DOM ...

  7. 使用afl-dyninst fuzz无源码的二进制程序

    转:http://ele7enxxh.com/Use-AFL-dyninst-To-Fuzz-Blackbox-Binaries.html 使用afl-dyninst fuzz无源码的二进制程序 通常 ...

  8. 【数学】At Coder 091 D题

    [深夜题解] 题目链接:https://arc091.contest.atcoder.jp/tasks/arc091_b 题目大意:给出两个正整数N.K,找出所有的不大于N的正整数对(a,b)使b%a ...

  9. MySQL之varchar

    MySQL之varchar 0.前言 探究关于MySQL中varchar长度的定义 1.研究MySQL的varchar列类型的背景 1.MySQL5.x 2.InnoDB 2.varchar 对于va ...

  10. 在Azure中创建asp.net core 应用

    0.前言 在玩转Azure之前首先大家要有Azure账号,或者可以先申请一下微软的账号,然后进行与Azure的关联(azure账号是免费的).但是关联的步骤还是很有意思的,他需要VISA国际信用卡(我 ...