从网页中批量复制、打开链接，选择复选框
// ==UserScript==
// @name Snap Links Mod shortcuts
// @name:en Snap Links Mod shortcuts
// @name:zh 批量复制-快捷键版
// @description 从网页中批量复制、打开链接，选择复选框
// @description:en snap Links(open, copy), radios, chenkboxs, images from website
// @author Griever, ywzhaiqi, lastdream2013, Hanchy Hill
// @namespace http://minhill.com/slms
// @match http://*/*
// @match https://*/*
// @version 2023.03.08
// @license The MIT License (MIT); http://opensource.org/licenses/MIT
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_openInTab
// @grant GM_deleteValue
// @grant GM_addStyle
// @run-at document-start
// @grant GM_registerMenuCommand
// @grant GM_setClipboard
// @grant GM_log
// @compatible firefox
// @compatible chrome
// @compatible edge
// @icon http://minhill.com/blog/wp-content/uploads/2012/03/favicon.ico
// @note 2016/11/22 改写的第一个版本，存在BUG：无法正确选取图像
// ==/UserScript==
var snapLinks = {
timer: null,
button: 0,
init: function () {
/*if (!snapLinks.inited) {
var menuitem = document.getElementById("SnapLinksCopyLinksSetFormat");
if (menuitem) {
var func = function() {
var format = prompt('请输入需要设置的格式（%t：标题，%u：链接，%n：序号，%r：反向序号）',
'<a href="%u">%r. %t</a><br>');
snapLinks.copyLinks(null, false, format);
};
menuitem.addEventListener('command', func, false);
}
snapLinks.inited = true;
}*/
this.win = window;
if (snapLinks.win == window) snapLinks.win = window;
this.doc = this.win.document;
this.body = this.doc.body;
if (!this.body instanceof HTMLBodyElement) {
alert("Can not snaplinks.");
return false;
}
this.root = snapLinks.doc.documentElement;
//this.utils = this.win.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIDOMWindowUtils);
this.popup = document.getElementById("snapLinksMenupopup");
this.bodyCursor = this.body.style.cursor;
this.rootCursor = this.root.style.cursor;
this.body.style.setProperty("cursor", "crosshair", "important");
this.root.style.setProperty("cursor", "crosshair", "important");
this.highlights = [];
this.elements = [];
this.doc.addEventListener("mousedown", snapLinks.handleEvent, true);
this.doc.addEventListener("pagehide", snapLinks.handleEvent, true);
},
uninit: function () {
snapLinks.doc.removeEventListener("mousedown", snapLinks.handleEvent, true);
snapLinks.doc.removeEventListener("mousemove", snapLinks.handleEvent, true);
snapLinks.doc.removeEventListener("pagehide", snapLinks.handleEvent, true);
snapLinks.doc.removeEventListener("mouseup", snapLinks.handleEvent, true);//?
setTimeout(function (self) {
snapLinks.doc.removeEventListener("click", snapLinks.handleEvent, true);
}, 10, snapLinks);
if (snapLinks.box && snapLinks.box.parentNode) snapLinks.box.parentNode.removeChild(snapLinks.box);
snapLinks.box = null;
snapLinks.body.style.cursor = snapLinks.bodyCursor;
snapLinks.root.style.cursor = snapLinks.rootCursor;
},
destroy: function () {
snapLinks.uninit();
snapLinks.lowlightAll();
document.removeEventListener("click", snapLinks.destroy, false);
var sslpop = document.getElementById("snapLinksMenupopup")
sslpop.setAttribute("class", "hidden_popup");
sslpop.setAttribute("style", null);
},
handleEvent: function (event) {
switch (event.type) {
case "mousedown":
if (event.button != 0 || event.ctrlKey || event.shiftKey || event.altKey) return;
event.preventDefault();
event.stopPropagation();
snapLinks.draw(event);
break;
case "mousemove":
event.preventDefault();
event.stopPropagation();
var moveX = event.pageX;
var moveY = event.pageY;
if (snapLinks.downX > moveX) snapLinks.box.style.left = moveX + "px";
if (snapLinks.downY > moveY) snapLinks.box.style.top = moveY + "px";
snapLinks.box.style.width = Math.abs(moveX - snapLinks.downX) + "px";
snapLinks.box.style.height = Math.abs(moveY - snapLinks.downY) + "px";
if (snapLinks.timer) {
clearTimeout(snapLinks.timer);
snapLinks.timer = null;
}
var timeStamp = new Date().getTime();
if (timeStamp - snapLinks.lastHiglightedTime > 150) {
snapLinks.boxRect = snapLinks.box.getBoundingClientRect();
snapLinks.highlightAll();
} else {
var self = snapLinks;
snapLinks.timer = setTimeout(function () {
self.boxRect = self.box.getBoundingClientRect();
self.highlightAll();
}, 200);
}
break;
case "mouseup":
if (event.button != snapLinks.button || event.ctrlKey || event.shiftKey) return;
event.preventDefault();
event.stopPropagation();
if (snapLinks.timer) {
clearTimeout(snapLinks.timer);
snapLinks.timer = null;
}
snapLinks.boxRect = snapLinks.box.getBoundingClientRect();
snapLinks.highlightAll();
for (let e of snapLinks.highlights) {
if (e instanceof HTMLImageElement) {
let link = snapLinks.doc.evaluate(
'ancestor::*[@href]', e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (snapLinks.highlights.indexOf(link) === -1) {
snapLinks.elements[snapLinks.elements.length] = link;
}
continue;
}
snapLinks.elements[snapLinks.elements.length] = e;
}
snapLinks.elements = snapLinks.elements;//?
snapLinks.uninit();
snapLinks.showPopup(event);
break;
case "click":
event.preventDefault();
event.stopPropagation();
break;
case "pagehide":
snapLinks.destroy();
break;
}
},
draw: function (aEvent) {
this.lastHiglightedTime = new Date().getTime();
this.downX = aEvent.pageX;
this.downY = aEvent.pageY;
this.box = this.doc.createElement("div");
this.box.id = "snap-links-box";
this.box.style.cssText = [
'background-color: rgba(0,128,255,.1) !important;',
'border: 1px solid rgb(255,255,0) !important;',
'box-sizing: border-box !important;',
'-moz-box-sizing: border-box !important;',
'position: absolute !important;',
'z-index: 2147483647 !important;',
'top:' + this.downY + 'px;',
'left:' + this.downX + 'px;',
'cursor: crosshair !important;',
'margin: 0px !important;',
'padding: 0px !important;',
'outline: none !important;',
].join(" ");
this.body.appendChild(this.box);
this.doc.removeEventListener("mousedown", this.handleEvent, true);
this.doc.addEventListener("mousemove", this.handleEvent, true);
this.doc.addEventListener("mouseup", this.handleEvent, true);
this.doc.addEventListener("click", this.handleEvent, true);
},
highlightAll: function () {
var a = '[href]:not([href^="javascript:"]):not([href^="mailto:"]):not([href^="#"])';
var selector = a + ', ' + a + ' img, input[type="checkbox"], input[type="radio"]';
selector += ', a.b-in-blk.input-cbx[href^="javascript:"]'; // 百度盘的特殊多选框
var contains = this.getContainsElements();
contains.reverse();
var matches = [];
for (let e of contains) {
if (e.nodeType !== 1 || !e.matches(selector)) continue;
if (e.hasAttribute('href')) {
let imgs = Array.prototype.slice.call(e.getElementsByTagName('img'));
if (imgs[0]) {
[].push.apply(contains, imgs);
continue;
}
}
if (!("defStyle" in e)) this.highlight(e);
matches[matches.length] = e;
}
this.highlights.forEach(function (e, i, a) {
if (matches.indexOf(e) === -1) this.lowlight(e);
}, this);
this.highlights = matches;
this.lastHiglightedTime = new Date().getTime();
},
lowlightAll: function () {
this.highlights.forEach(function (e) {
this.lowlight(e);
}, this);
},
highlight: function (elem) {
if (!('defStyle' in elem)) elem.defStyle = elem.getAttribute('style');
//elem.style.setProperty('outline', '2px solid #ff0000', 'important');
elem.style.setProperty('outline', '2px solid #ff0000', null);
elem.style.setProperty('outline-offset', '-1px', null);
//elem.style.setProperty('outline-offset', '-1px', 'important');
},
lowlight: function (elem) {
if ("defStyle" in elem) {
elem.defStyle ?
elem.style.cssText = elem.defStyle :
elem.removeAttribute("style");
delete elem.defStyle;
}
},
getContainsElements: function () {
if (!this.boxRect) return;
var a = '[href]:not([href^="javascript:"]):not([href^="mailto:"]):not([href^="#"])';
var selector = a + ', ' + a + ' img, input[type="checkbox"], input[type="radio"]';
selector += ', a.b-in-blk.input-cbx[href^="javascript:"]';
//var nodes = document.querySelectorAll("a[href],img,radio,checkbox");
var nodes = document.querySelectorAll(selector);
var arraynode = [], len = nodes.length, i;
for (i = 0; i < len; i++) {
if (this.inSelect(nodes[i])) arraynode.push(nodes[i]);
}
return arraynode;
},
inSelect: function (node) {
var boxPos = snapLinks.boxRect;
var xmin = boxPos.left, xmax = boxPos.right, ymin = boxPos.top, ymax = boxPos.bottom;
var pos = this.getOffset(node);
var point = new Array();
point = [pos.x, pos.x + pos.width, pos.y, pos.y + pos.height];
var swithcase = [];
if ((point[0] > xmin && point[0] < xmax) ||
(point[1] > xmin && point[1] < xmax) ||
(point[0] < xmin && point[1] > xmax)) {
swithcase[0] = true;
}
if ((point[2] > ymin && point[2] < ymax) ||
(point[3] > ymin && point[3] < ymax) ||
(point[2] < ymin && point[3] > ymax)) {
swithcase[1] = true;
}
if (swithcase[0] && swithcase[1]) {
return true;
}
else {
return false;
}
},
getOffset: function (node) {
var rect = node.getBoundingClientRect();
return {
//x: window.pageXOffset + rect.left,
//y: window.pageYOffset + rect.top,
x: rect.left,
y: rect.top,
width: rect.width,
height: rect.height
};
},
showPopup: function (aEvent) {
var cls = [];
var linkcount = 0;
var specialLinkCount = 0; // 特殊的类似多选框的链接
var imagecount = 0;
var checkboxcount = 0;
var radiocount = 0;
for (let elem of this.elements) {
if (elem instanceof HTMLAnchorElement) elem.href.indexOf('javascript:') == 0 ? specialLinkCount++ : linkcount++;
}
for (let elem of this.elements) {
if (elem instanceof HTMLAnchorElement && /\.(jpe?g|png|gif|bmp)$/i.test(elem.href)) imagecount++;
}
for (let elem of this.elements) {
if (elem instanceof HTMLInputElement && elem.type === 'checkbox') {
checkboxcount++;
}
}
for (let elem of this.elements) {
if (elem instanceof HTMLInputElement && elem.type === 'radio') {
radiocount++;
}
}
if (linkcount > 0) cls.push("hasLink");
if (imagecount > 0) cls.push("hasImageLink");
if (checkboxcount > 0) cls.push("hasCheckbox");
if (radiocount > 0) cls.push("hasRadio");
if (specialLinkCount > 0) cls.push("hasSpecialLink");
var setCount = function (id, label) {
let currentEntry = document.getElementById(id);
if (currentEntry) currentEntry.innerHTML = label;
};
var data = {
"SnapLinksOpenLinks": "在新标签打开所有链接 (" + linkcount + ")",
"SnapLinksCopyLinks": "复制所有链接URL (" + linkcount + ")",
"SnapLinksCopyLinksReverse": "复制所有链接URL (" + linkcount + ") (反向)",
"SnapLinksCopyLinksAndTitles": "复制所有链接标题 + URL (" + linkcount + ")",
"SnapLinksCopyLinksAndTitlesMD": "复制所有链接标题 + URL (" + linkcount + ") (MD)",
"SnapLinksCopyLinksAndTitlesBBS": "复制所有链接标题 + URL (" + linkcount + ") (BBS)",
"SnapLinksCopyLinksRegExp": "复制所有链接标题 + URL (" + linkcount + ") (筛选)",
"SnapLinksCopyLinksSetFormat": "复制所有链接标题 + URL (" + linkcount + ") (设置复制格式)",
"SnapLinksOpenImageLinks": "在新标签页打开所有图片链接 (" + imagecount + ")",
"SnapLinksImageLinksOnePage": "在一个标签页显示所有图片链接 (" + imagecount + ")",
"SnapLinksCheckBoxSelect": "复选框 - 选中 (" + checkboxcount + ")",
"SnapLinksCheckBoxCancel": "复选框 - 取消 (" + checkboxcount + ")",
"SnapLinksCheckBoxTaggle": "复选框 - 反选 (" + checkboxcount + ")",
"SnapLinksRadioSelect": "单选框 - 选中 (" + radiocount + ")",
"SnapLinksRadioCancel": "单选框 - 取消 (" + radiocount + ")",
"SnapLinksClickLinks": "特殊单选框 - 选中 (" + specialLinkCount + ")",
};
for (let id in data) {
setCount(id, data[id]);
}
var setStyleNode = function (showList) {
var setList = ["hasLink", "hasImageLink", "hasCheckbox", "hasRadio", "hasSpecialLink"];
setList.forEach(
function (elist) {
var eClass = document.getElementsByClassName(elist);
if (eClass) {
if (showList.indexOf(elist) == -1) {
for (var i = 0; i < eClass.length; i++) {
eClass[i].style = "display:none";
}
//eClass.forEach(function(enode){enode.setAttribute("stlye","display:none")})
} else {
for (let i = 0; i < eClass.length; i++) {
eClass[i].style = "display:block";
}
//eClass.forEach(function(enode){enode.setAttribute("stlye","display:block")})
}
}
}
)
}
if (cls.length > 0) {
setStyleNode(cls);
this.openPopupAtScreen(aEvent.pageX, aEvent.pageY, aEvent.clientX, aEvent.clientY);
//snapLinks.popup.className = cls.join(' ');
} else {
this.lowlightAll();
}
},
openPopupAtScreen: function (ax, ay, cx, cy) {
var popMenu = document.getElementById("snapLinksMenupopup");
var midx = document.documentElement.clientWidth / 2;
var midy = document.documentElement.clientHeight / 2;
//GM_log("pointerY:"+ay);
//GM_log("screen:"+midy*2);
popMenu.className = "trigger_popup";
//popMenu.style.position = "absolute";
var menuRight = ax - popMenu.clientWidth;
var menuDown = ay - popMenu.clientHeight;
document.addEventListener("click", snapLinks.destroy, false);
var xaxis = (cx < midx) ? "left: " + ax.toString() + "px;" : "left: " + menuRight.toString() + "px;";
var yaxis = (cy < midy) ? " top: " + ay.toString() + "px;" : " top: " + menuDown.toString() + "px;";
popMenu.setAttribute("style", xaxis + yaxis);
},
openLinks: function (regexp) {
var obj = {};
for (let elem of this.elements) {
if (!elem.href || /^(?:javascript:|mailto:|#)/i.test(elem.href)) continue;
if (!regexp || regexp.test(elem.href)) obj[elem.href] = true;
}
for (let [key, val] of Object.entries(obj)) {
GM_openInTab(key);
//gBrowser.addTab(key, { ownerTab: gBrowser.mCurrentTab });
}
},
clickLinks: function () {
for (let elem of this.elements) {
if (!elem.href || /^(?:javascript:|mailto:|#)/i.test(elem.href)) {
elem.click();
}
}
},
copyLinks: function (regexp, reverse, format) {
//GM_log(selements);
var links = this.elements.filter(function (elem) {
return elem instanceof HTMLAnchorElement && (!regexp || regexp.test(elem.href))
});
var num = 1,
numReverse = links.length;
links = links.map(function (e) {
if (format) {
return format.replace(/%t/g, e.textContent)
.replace(/%u/g, e.href)
.replace(/%r/g, numReverse--)
.replace(/%n/g, num++);
}
return e.href;
});
// 筛选出重复的
links = snapLinks.unique(links);
if (reverse) links = links.reverse();
if (links.length) {
GM_setClipboard(links.join('\n'));
//Components.classes["@mozilla.org/widget/clipboardhelper;1"]
// .getService(Components.interfaces.nsIClipboardHelper)
// .copyString(links.join('\n'));
}
},
imageOnePage: function () {
var htmlsrc = [
'<style>'
, 'img { max-width: 100%; max-height: 100%; }'
, '</style>'].join('');
for (let elem of this.elements) {
if (elem instanceof HTMLAnchorElement && /\.(jpe?g|png|gif|bmp)$/i.test(elem.href)){
htmlsrc += '\n<img src="' + elem.href + '">'
}
}
GM_openInTab("data:text/html;charset=utf-8," +
'<html><head><title>' + snapLinks.doc.domain + ' 图象列表</title><body>' +
encodeURIComponent(htmlsrc));
},
checkbox: function (bool) {
for (let elem of this.elements) {
if (elem instanceof HTMLInputElement && elem.type === 'checkbox') {
elem.checked = arguments.length == 0 ?
!elem.checked :
bool;
}
}
},
radio: function (bool) {
for (let elem of this.elements) {
if (elem instanceof HTMLInputElement && elem.type === 'radio') {
elem.checked = arguments.length == 0 ?
!elem.checked :
bool;
}
}
},
unique: function (a) {
var o = {},
r = [],
t;
for (var i = 0, l = a.length; i < l; i++) {
t = a[i];
if (!o[t]) {
o[t] = true;
r.push(t);
}
}
return r;
}
};
function begin() {
var ibody = document.getElementsByTagName("body")[0];
var popup = document.createElement("div");
//popup.setAttribute("onclick","snapLinks.lowlightAll();");
popup.setAttribute("id", "snapLinksMenupopup");
popup.setAttribute("class", "hidden_popup");
popup.innerHTML = '<div class = "-hasLink-">' +
'<div id="SnapLinksOpenLinks" class="hasLink" >在新标签打开所有链接</div>' +
'<div id="SnapLinksCopyLinks" class="hasLink" >复制所有链接URL</div>' +
'<div id="SnapLinksCopyLinksReverse" class="hasLink" >复制所有链接URL（反向）</div>' +
'<div id="SnapLinksCopyLinksAndTitles" class="hasLink" >复制所有链接标题 + URL</div>' +
'<div id="SnapLinksCopyLinksAndTitlesMD" class="hasLink" >复制所有链接标题 + URL (MD)</div>' +
'<div id="SnapLinksCopyLinksAndTitlesBBS" class="hasLink">复制所有链接标题 + URL (BBS)</div>' +
'<div id="SnapLinksCopyLinksRegExp" class="hasLink" >复制所有链接标题 + URL (筛选)</div>' +
'<div id="SnapLinksCopyLinksSetFormat" class="hasLink" >复制所有链接标题 + URL (设置复制格式)</div>' +
'<div id="SnapLinksOpenImageLinks" class="hasImageLink" >在新标签页打开所有图片链接</div>' +
'<div id="SnapLinksImageLinksOnePage" class="hasImageLink" >在一个标签页显示所有图片链接</div>' +
'</div>' +
'<div class="hasLink-hasCheckbox-hasRadio" >' +
'<div id="SnapLinksCheckBoxSelect" class="hasCheckbox" >复选框 - 选中</div>' +
'<div id="SnapLinksCheckBoxCancel" class="hasCheckbox" >复选框 - 取消</div>' +
'<div id="SnapLinksCheckBoxTaggle" class="hasCheckbox" >复选框 - 反选</div>' +
'<div id="SnapLinksRadioSelect" class="hasRadio" >单选框 - 选中</div>' +
'<div id="SnapLinksRadioCancel" class="hasRadio">单选框 - 取消</div>' +
'<div id="SnapLinksClickLinks" class="hasSpecialLink" >特殊单选框 - 选中</div>' +
'</div>';
ibody.appendChild(popup);
//popup.addEventListener("click",function(){snapLinks.lowlightAll()},false);
document.getElementById("SnapLinksOpenLinks").addEventListener("click", function () { snapLinks.openLinks(); }, false);
document.getElementById("SnapLinksCopyLinks").addEventListener("click", function () { snapLinks.copyLinks(); }, false);
document.getElementById("SnapLinksCopyLinksReverse").addEventListener("click", function () { snapLinks.copyLinks(null, true); }, false);
document.getElementById("SnapLinksCopyLinksAndTitles").addEventListener("click", function () { snapLinks.copyLinks(null, false, '%t\n%u'); }, false);
document.getElementById("SnapLinksCopyLinksAndTitlesMD").addEventListener("click", function () { snapLinks.copyLinks(null, false, '[%t](%u)'); }, false);
document.getElementById("SnapLinksCopyLinksAndTitlesBBS").addEventListener("click", function () { snapLinks.copyLinks(null, false, '[url=%u]%t[/url]'); }, false);
document.getElementById("SnapLinksCopyLinksRegExp").addEventListener("click", function () { var reg = prompt('请输入需要筛选的 RegExp', ''); snapLinks.copyLinks(new RegExp(reg)); }, false);
//document.getElementById("SnapLinksCopyLinksSetFormat").addEventListener("click",function(){snapLinks.copyLinks()},false);
document.getElementById("SnapLinksOpenImageLinks").addEventListener("click", function () { snapLinks.openLinks(/\.(jpe?g|png|gif|bmp)$/i); }, false);
document.getElementById("SnapLinksImageLinksOnePage").addEventListener("click", function () { snapLinks.imageOnePage(); }, false);
document.getElementById("SnapLinksCheckBoxSelect").addEventListener("click", function () { snapLinks.checkbox(true); }, false);
document.getElementById("SnapLinksCheckBoxCancel").addEventListener("click", function () { snapLinks.checkbox(false); }, false);
document.getElementById("SnapLinksCheckBoxTaggle").addEventListener("click", function () { snapLinks.checkbox(); }, false);
document.getElementById("SnapLinksRadioSelect").addEventListener("click", function () { snapLinks.radio(true); }, false);
document.getElementById("SnapLinksRadioCancel").addEventListener("click", function () { snapLinks.radio(false); }, false);
document.getElementById("SnapLinksClickLinks").addEventListener("click", function () { snapLinks.clickLinks(); }, false);
GM_addStyle(".hidden_popup { display:none!important; } .trigger_popup{display:block!important;z-index:99999}" +
" #snapLinksMenupopup{position:absolute;background-color: rgb(45,53,63);border-bottom: 0px solid rgb(20,20,20); padding:5px;" +
"border-bottom: 0px solid rgb(20,20,20);cursor:pointer;border-radius: 4px;border: 1px solid rgb(22,25,28);box-shadow:0 1px 0 rgba(162,184,204,0.25) inset,0 0 4px hsla(0,0%,0%,0.95);}" +
"#snapLinksMenupopup div{color: white;} #snapLinksMenupopup > div > div:hover{color: rgb(51,159,255);" +
"background-color: transparent; background-image:linear-gradient(to bottom,rgb(37,46,54),rgb(36,40,45));} ");
}
function register_shoutcut(e) {
// console.log(e.key);
var keyCode = e.key.toLowerCase();
var altKey = e.altKey
if (altKey) {
//这里可以处理同时按下ctrl和shift时的逻辑，加上其他按键可以实现快捷键功能
switch (keyCode) {
case 'z':
begin();
snapLinks.init();
break;
default:
break;
}
}
}
document.addEventListener('keydown', register_shoutcut)