全网首发！原创右键识别二维码浏览器插件

演示视频发布地址：【全网首发！原创右键识别二维码浏览器插件-哔哩哔哩】 https://b23.tv/t0OnUS4

大家好，今天来分享一个自己做的可以在浏览器中右键识别二维码的插件

0.注意事项

up主首次编写浏览器插件，还有很多不足

本插件识别过程全在本地进行，不会上传云端，请放心使用

但这个识别工具也不能识别所有的二维码

如果二维码美化过也有可能导致识别结果出现一些错误字符，还请注意

1.背景介绍

一直想有一个PC端方便的二维码扫描工具

虽然可以用一款叫QR_code的软件，但感觉还不够方便

想要那种可以在浏览器冲浪时随时可以扫描的工具

但是找了找好像没有这种工具，生成二维码的工具倒是很多

所以就自己摸索着写了一个浏览器插件满足这个需求

2.插件安装

下载地址我会放到简介和评论区

用gitee下载会比github稍快一些：

● gitee：https://gitee.com/ithundersword/chrome_qrcode_decode_extension/releases/download/1.0.0/chrome_qrcode_decode.zip

● github：https://github.com/thunder-sword/chrome_qrcode_decode_extension/files/9945309/chrome_qrcode_decode.zip

下载好之后进入chrome的扩展管理

然后打开右上角的开发者模式，一定要打开不然无法安装

打开之后刷新，然后将下载好的压缩包拖入chrome即可安装成功

此时右上角的插件列表便已加入这个插件，说明安装成功

此时可以将那个压缩包删除掉了

3.演示效果

然后我们来看看效果

都知道chrome可以直接将网页网址直接生成二维码来分享，但是却没有扫描工具

我们来生成一个测试一下

生成好之后对这个图片右键选中，可以发现菜单栏中多了一个“识别二维码”的选项

识别成功时则会跳出弹出，这里成功了

此插件也支持中文，但是有些变形二维码会识别失败

还有些二维码可能会出现一些错误字符

这是我技术力的问题，遇到这类二维码还是用手机微信扫吧

我们随便搜一些二维码来测试一下

成功的概率还是有些感人的，能成功扫描的基本上还是方方正正没有变化的那些二维码

4.本地扫描

除此之外，点击右上角的插件图标便可支持本地扫描

扫描结果如果有链接则可直接点击

这里顺便再测试一下中文扫描，之前生成了一个二维码

识别成功了

当然你也可以把它拖入浏览器中打开后再右键菜单扫描

这些操作都是可以的

5.结语

那么以上便是本视频的全部内容了

感谢你能够看到现在

这期视频真的耗费了我很多精力

如果你觉得还不错，请务必点个赞支持一下这个快要秃头了的up主

如果你喜欢我的视频

欢迎点赞和关注我

之后会给大家带来更多有趣有用的内容

拜拜~

6.补充

一些说明和护盾（doge）：

（1）技术相关说明：

1. 此插件对于canvas渲染的img还没什么办法，因为chrome的api不能直接识别出canvas，type为image时不包含它，而用all时我也没找到获取到element实体的方法，所以我不会……如果有大佬能指导下的话非常欢迎；

2. 代码核心部分进行了混淆，以免引起一些不必要的麻烦，但调用部分没有处理，可以随意diy。