1. 点击菜单栏里的“查看二维码”就可以查看当前页面的二维码(快捷键:ctrl+q); 2.按住ctrl键，右键点击图片或超级链接，即可查看该图片或链接的地址的二维码; 3.选中一段文字后，文字会高亮显示，点击该高亮区域，就会取消高亮。4. 如果网页内有无链接网址，按住ctrl后双击它，可以显示该网址的二维码。
// ==UserScript==
// @name 二维码
// @namespace http://tampermonkey.net/
// @version 1.1
// @description 1. 点击菜单栏里的“查看二维码”就可以查看当前页面的二维码(快捷键:ctrl+q); 2.按住ctrl键，右键点击图片或超级链接，即可查看该图片或链接的地址的二维码; 3.选中一段文字后，文字会高亮显示，点击该高亮区域，就会取消高亮。4. 如果网页内有无链接网址，按住ctrl后双击它，可以显示该网址的二维码。
// @author xiefucai
// @license MIT
// @homepageURL https://github.com/xiefucai
// @include *
// @require https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @require https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js
// @grant GM_registerMenuCommand
// ==/UserScript==
(function () {
"use strict";
var css = `
#QRCODE {
position : fixed;
top : 100px;
right : 10px;
z-index : 999999;
background-color: #fff;
}
#QRCODE .close {
color : gainsboro;
position : absolute;
right : 0;
top : 0;
text-decoration: none !important;
font-size : 28px;
font-weight : bold;
padding : 0 5px;
line-height : 1;
font-family : Arial;
display : none;
}
#QRCODE .qrcode {
padding : 20px 20px 10px;
display : none;
background-color: #fff;
box-shadow : 0 0 5px #000;
text-decoration : none !important;
}
#QRCODE .qrcode::after {
content : '请用手机扫描二维码';
font-size : 12px;
color : gray;
display : block;
line-height: 20px;
text-align : center;
margin-top : 10px;
}
#QRCODE.open {
top : 50%;
left : 50%;
margin-left: -81px;
margin-top : -87px;
border : 1px solid #ccc;
width : 162px;
}
#QRCODE.open .qrcode {
display: block;
border : none;
}
#QRCODE.open .qrcode * {
pointer-events: none;
margin : 0;
}
#QRCODE.open .close {
display: block;
border : none;
}
:root {
--custom-hight-light-color: rgba(255, 255, 0, 0.5);
}
a.custom-hight-light-color {
background-color: rgba(255, 255, 0, 0.5) !important;
cursor : pointer !important;
text-decoration : none !important;
user-select : all !important;
color : currentColor !important;
}
a.custom-hight-light-color:hover {
background-color: rgba(0, 200, 0, 0.5) !important;
}
`;
var $ = jQuery;
function selectText (node) {
if (document.body.createTextRange) {
const range = document.body.createTextRange();
range.moveToElementText(node);
range.select();
} else if (window.getSelection) {
const selection = window.getSelection();
const range = document.createRange();
range.selectNodeContents(node);
selection.removeAllRanges();
selection.addRange(range);
} else {
console.warn("Could not select text in node: Unsupported browser.");
}
}
function getQrLayer () {
if ($("#QRCODE").length) {
return $("#QRCODE");
}
var layer = $('<div id="QRCODE"></div>').appendTo($("body"));
$('<a class="qrcode" target="_blank"></a>').appendTo(layer);
var btn = $('<a href="javascript:;" class="close">×</a>').appendTo(
layer
);
btn.bind("click", function () {
layer.removeClass("open");
});
return layer;
}
function generateQR (str) {
getQrLayer();
jQuery("#QRCODE")
.addClass("open")
.find(".qrcode")
.html("")
.attr("title", str)
.attr("href", str)
.qrcode({
render: "canvas",
text: str,
width: 120,
height: 120,
foreground: "#009900",
background: "#ffffff",
});
}
function getSelect () {
if (window.getSelection) {
return window.getSelection().toString();
} else {
return document.selection.createRange().text;
}
}
function checkURLFormat (string) {
if (!/^(https?:)?\/\/(\S+\.)+\S{2,}$/i.test(string)) {
return false;
}
return true;
}
function colorRGBtoHex (color) {
const m = color.match(/^(rgba?)\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,?\s*([\d\.]*)\s*\)$/) || [];
const type = (m[1] || '').toLowerCase();
const mr = parseInt(m[2] || 0, 10);
const mg = parseInt(m[3] || 0, 10);
const mb = parseInt(m[4] || 0, 10);
const ma = parseFloat((m[5] || '').substring(0, (m[5] || '').length - 1)).toFixed(2);
if (type === 'rgb') {
return "#" + ((1 << 24) + (mr << 16) + (mg << 8) + mb).toString(16).slice(1);
} else if (type === 'rgba') {
return ('#' + r.toString(16) + g.toString(16) + b.toString(16) + (a * 255).toString(16).substring(0, 2));
} else {
return color;
}
}
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
GM_registerMenuCommand(
"查看二维码",
function () {
generateQR(document.location.href);
},
""
);
$(document).contextmenu(function (e) {
if (e.ctrlKey) {
var target = e.target;
if (!/^(a|img)$/i.test(target.tagName)) {
while (!/^(body|html)$/i.test(target.tagName)) {
target = target.parentNode;
if (/^(a|img)$/i.test(target.tagName)) {
break;
}
}
}
if (target.tagName === "A" && checkURLFormat(target.href)) {
generateQR(target.href);
return;
}
if (target.tagName === "IMG" && checkURLFormat(target.src)) {
generateQR(target.src);
return;
}
}
});
$(document).mouseup(function (e) {
const elem = e.target;
const selectString = getSelect().replace(/^\s+|\s+$/g, "");
const HIGHLIGHTCOLOR = 'custom-hight-light-color'
if (e.ctrlKey) {
if (selectString === "") {
return;
}
if (!checkURLFormat(selectString)) {
return;
}
generateQR(selectString);
} else {
if ($(elem).hasClass(HIGHLIGHTCOLOR)) {
const p = $(elem).parent();
$(elem).attr('href', 'javascript:;').parent().attr('contenteditable', true);
selectText(elem)
document.execCommand("unlink", false, false);
//elem.setAttribute('contenteditable', false);
p.attr('contenteditable', false)
e.stopPropagation();
return false;
}
if (selectString && /^(span|p|blockquote|p|div|h\d+|dt|dl|dd|li|td)$/i.test(elem.tagName)) {
elem.setAttribute('contenteditable', true);
if (checkURLFormat(selectString)) {
document.execCommand("createLink", false, selectString);
} else {
document.execCommand("createLink", false, "====");
}
elem.setAttribute('contenteditable', false);
$(elem).find('a[href="===="]').addClass(HIGHLIGHTCOLOR).removeAttr("href");
}
}
});
$(document).dblclick(function (e) {
if (e.ctrlKey) {
var url = /(https?:\/\/\S+)/.exec(e.target.innerText);
if (url && url[1]) {
generateQR(url[1]);
}
}
});
$(document).keyup(function (e) {
if (e.ctrlKey && e.keyCode === 81) {
if (jQuery("#QRCODE").hasClass("open")) {
jQuery("#QRCODE").removeClass("open");
} else {
generateQR(location.href);
}
}
});
})();