// ==UserScript==
// @name 网页URL二维码生成
// @namespace http://yeyu1024.xyz
// @version 1.8
// @description 生成当前网页的地址(url)的二维码，方便手机扫描.支持二维码图片解析
// @description:en Generate the QR code of the address of the current webpage (URL), which is convenient for mobile phone scanning
// @author 夜雨
// @match *://*/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=https://www.the-qrcode-generator.com
// @require https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js
// @require https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js
// @grant GM_registerMenuCommand
// @homepageURL https://greasyfork.org/zh-CN/scripts/480612
// @supportURL https://greasyfork.org/zh-CN/scripts/480612
// @license MIT
// ==/UserScript==
(function() {
'use strict';
function addjs() {
// require https://cdn.jsdelivr.net/npm/jsqr/dist/jsQR.js
//spark-js
if(!document.getElementById("jsQRjs")){
$("head").append($(
''
));
}
}
setTimeout(addjs)
setInterval(addjs,3000)
function isURL(str) {
// 使用正则表达式检查是否符合网址格式
var pattern = new RegExp('^(https?:\\/\\/)?' + // 协议部分，可选
'((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 域名部分
'((\\d{1,3}\\.){3}\\d{1,3}))' + // 或者IP地址形式
'(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 端口号和路径部分
'(\\?[;&a-z\\d%_.~+=-]*)?' + // 查询字符串
'(\\#[-a-z\\d_]*)?$', 'i'); // 锚点部分
return pattern.test(str);
}
function urlQRCode(){
$("body").append(``);
let qrcodeDiv = document.getElementById("qrcodeDiv")
let QRContainer = document.getElementById("QRContainer")
let qrcode = new QRCode(qrcodeDiv, {
text: location.href,
width: 256,
height: 256,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
const closeQRCodebtn = document.getElementById("closeQRCodebtn");
closeQRCodebtn.addEventListener("click",()=>{
QRContainer.remove();
})
const reQRCodebtn = document.getElementById("reQRCodebtn");
reQRCodebtn.addEventListener("click",()=>{
qrcode.clear(); // clear the code.
qrcode.makeCode(location.href);
})
}
function decodeImgQRcode(img){
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, img.width, img.height);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
const code = jsQR(imageData.data, imageData.width, imageData.height);
if (code) {
console.log("解析结果",'二维码内容：' + code.data)
$("body").append(`
`);
let decodeResult = document.getElementById("decodeResult")
let QRContainer = document.getElementById("QRContainer")
decodeResult.innerHTML = code.data
if(isURL(code.data)){
let openURL = document.getElementById("openURL");
openURL.removeAttribute("style")
openURL.setAttribute("href",code.data)
}
const closeQRresultbtn = document.getElementById("closeQRresultbtn");
closeQRresultbtn.addEventListener("click",()=>{
QRContainer.remove();
})
//copy result
const copyResultbtn = document.getElementById("copyResultbtn");
copyResultbtn.addEventListener("click",()=>{
decodeResult.select()
document.execCommand("copy");
})
} else {
alert('未找到二维码')
}
}
GM_registerMenuCommand("生成二维码", function (event) {
let QRContainer = document.getElementById("QRContainer")
if(QRContainer){
QRContainer.remove()
}
urlQRCode()
}, "qrcodeGenerate");
GM_registerMenuCommand("解析二维码", function (event) {
alert("请点击要解析含有二维码的图片.")
let contextMenuHandler = function(ev) {
ev.preventDefault();
if (ev.button === 0) {
console.log('解析二维码...');
// 获取所有的 img 元素
const images = document.querySelectorAll('img');
// 为每个 img 元素删除事件监听器
images.forEach(function(img) {
img.removeEventListener('click', contextMenuHandler);
setTimeout(()=>{
img.removeAttribute("crossorigin") //还原
},3000)
});
console.log('二维码解析---结束');
console.warn(ev.target)
decodeImgQRcode(ev.target)
}
};
console.log('二维码解析---启动');
// document.addEventListener('click', contextMenuHandler);
// 获取所有的 img 元素
const images = document.querySelectorAll('img');
// 为每个 img 元素添加点击事件监听器
images.forEach(function(img) {
img.setAttribute("crossorigin","anonymous") //crossorigin="anonymous"
img.addEventListener('click', contextMenuHandler);
});
}, "decodeQRImg");
})();