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

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

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

manifest.json:

{

  "name": "WebSite2QRcode",

  "version": "1.0",

  "description": "将网址转化成二维码",

  "browser_action": {

    "default_icon": "icon.png" ,

    "default_title": "QRcode",

    "default_popup": "popup.html"

  } ,

  "permissions": [

        "tabs",

        "http://*/*",

        "https://*/*",

        "notifications"

      ],

   "manifest_version": 2

}

popup.html:

<!DOCTYPE html>

<html>

<head>

<title>Website2QRcode</title>

<script src="jquery-2.1.3.min.js"></script>

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

<script type="text/javascript" src="popup.js"></script>

</head>

<body>

<p id="website">

	http://blog.csdn.net/iloster

</p>

<p id="title">

</p>

<div id="QRcode"></div>

</body>

</html>

popup.js

function getCurrentTabUrl(callback)

{

	//获取当前标签的网址和标题

	chrome.tabs.getSelected(function(tab)

		{

			var tabUrl = tab.url;

			var tabTitle = tab.title;

			callback(tabUrl,tabTitle);

		});

}

//监听点击时间

document.addEventListener('DOMContentLoaded', function() {

	 getCurrentTabUrl(function(tabUrl,tabTitle)

	 	{

	 		 var website = document.getElementById('website');

	 		 var title = document.getElementById('title');

	 		 website.textContent = "网址: " + tabUrl;

	 		 title.textContent = "标题: " + tabTitle;

	 		 //生成二维码

    		jQuery('#QRcode').qrcode(tabUrl);

	 	});

});

结果:

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. linux/centos定时任务cron

    https://www.cnblogs.com/p0st/p/9482167.html cron: crond进程 crontab修改命令 * * * * *  command parameter & ...

  2. LSTM及其变种及其克服梯度消失

    本宝宝又转了一篇博文,但是真的很好懂啊: 写在前面:知乎上关于lstm能够解决梯度消失的问题的原因: 上面说到,LSTM 是为了解决 RNN 的 Gradient Vanish 的问题所提出的.关于 ...

  3. Porting of cURL to Android OS using NDK (from The Software Rogue)

    Porting of cURL to Android OS using NDK   In continuing my journey into Android territory, I decided ...

  4. iOS客户端学习之AES加密

    数据加密在解密在软件开发过程中举足轻重的作用,可能有的公司在加密的时候有自己公司内部一套设计的算法,而在这方面不想浪费太大精力就可以去考虑使用第三方提供的加密算法,如AES加密算法,本篇内容介绍开源中 ...

  5. android4.0 锁屏实现（转）

    转载请表明出处:http://blog.csdn.net/wdaming1986/article/details/8837023 好了,言归正传,说说锁屏了,其实把锁屏做成apk的形式,会引起很多问题 ...

  6. 【PAT】1002. A+B for Polynomials (25)

    1002. A+B for Polynomials (25) This time, you are supposed to find A+B where A and B are two polynom ...

  7. git上了github又要上码云。

    <h1>关联远程仓库:github为例</h1> 1.首先在用户目录下找到.ssh 2.如果.ssh文件夹里没有id_rsa和id_rsa.pub文件,或者也没有.ssh文件夹 ...

  8. python平均值和加权平均值

    In [15]: import numpy as np In [16]: a=(70,80,60) In [17]: np.mean(a) #平均值 Out[17]: 70.0 In [18]: np ...

  9. bzoj 1101 莫比乌斯反演

    最裸的莫比乌斯 #include<bits/stdc++.h> #define LL long long #define fi first #define se second #defin ...

  10. 转：Exploiting Electron RCE in Exodus wallet

    转:https://hackernoon.com/exploiting-electron-rce-in-exodus-wallet-d9e6db13c374 Exploiting Electron R ...