在当前页面加载链接网页，左滑后退
// ==UserScript==
// @name 在当前页面加载链接网页
// @description 在当前页面加载链接网页，左滑后退
// @include http://*
// @include https://*
// @author yechenyin
// @version 1.0
// @namespace https://greasyfork.org/users/3586-yechenyin
// @grant GM_openInTab
// ==/UserScript==
(function() {
"use strict";
var $ = function(selector, attributes) {
if (selector.indexOf('<') === 0 || attributes) {
var element;
if (selector.indexOf('<') === 0)
element = document.createElement(selector.substring(1, selector.length - 1));
else
element = document.createElement(selector);
if (attributes) {
for (var key in attributes) {
element[key] = attributes[key];
}
}
return nodeToNodeList(element);
} else {
return document.querySelectorAll(selector);
}
};
function nodeToNodeList(node) {
return Object.create(document.createDocumentFragment().childNodes, {
length: {
value: 1
},
0: {
value: node,
enumerable: true
},
});
}
NodeList.prototype.forEach = Array.prototype.forEach;
NodeList.prototype.click = function(func) {
this.forEach(function(node) {
node.onclick = func;
});
};
NodeList.prototype.on = function(eventName, func) {
for (var i = 0; i < this.length; i++) {
this[i].addEventListener(eventName, func);
}
};
NodeList.prototype.append = function(element) {
this.forEach(function(node) {
for (var i = 0; i < element.length; i++) {
node.appendChild(element[i]);
}
});
};
NodeList.prototype.appendTo = function(element) {
if (typeof element == 'string')
element = $(element);
if (element instanceof NodeList) {
this.forEach(function(node) {
for (var i = 0; i < element.length; i++) {
element[i].appendChild(node);
}
});
}
};
NodeList.prototype.css = function(property, value) {
this.forEach(function(node) {
node.style[property] = value;
});
};
NodeList.prototype.show = function() {
this.css('display', 'block');
};
NodeList.prototype.last = function() {
return nodeToNodeList(this[this.length - 1]);
};
NodeList.prototype.remove = function(func) {
if (this && this.length > 0)
Array.prototype.forEach.call(this, function(node) {
node.parentNode.removeChild(node);
});
};
var load_process_bar;
function open_tab(href) {
if ((location.protocol == 'https:' && href.indexOf('http:') === 0) || $('.new_top_tab').length > 10) {
window.open(href);
} else {
var tab = $('<iframe>', {
src: href,
className: 'new_top_tab',
style: 'display:block; position:fixed; top:0; left:0; width:100%; height:100%; overflow:scroll; background:#fff; border: none; z-index: ' + String(2147483647 - 10 + $('.new_top_tab').length)
});
$('body').append(tab);
tab[0].onload = function() {
// this.style.display = 'block';
// if (load_process_bar)
// clearInterval(load_process_bar);
// $('.tab_process_bar').remove();
console.log($('body')[0]);
};
if (load_process_bar)
clearInterval(load_process_bar);
$('.tab_process_bar').remove();
$('<div>', {
className: 'tab_process_bar',
style: 'position:fixed; bottom:0; left:0; width:0; height:3px; border: none; background:#00ccff; z-index: 2147483647'
}).appendTo('body');
var loaded = 0;
var load_process_bar = setInterval(function() {
loaded++;
if (loaded <= 100) {
$('.tab_process_bar').css('width', loaded + '%');
//var color = '000000' + Math.floor(parseInt('00ccff', 16) + (parseInt('9933ff', 16) - parseInt('00ccff', 16)) * loaded / 1000).toString(16);
//$('.tab_process_bar').css('background', 'linear-gradient(to right, #00ccff, #' + color.substr(color.length - 6) + ')');
} else if ($('.tab_process_bar').length === 0) {
clearInterval(load_process_bar);
}
}, 200);
}
}
function getAncestorLink(element) {
while (element.nodeName != "A") {
element = element.parentNode;
}
if (element.nodeName === "A" && element.href && element.href.indexOf('javascript') !== 0)
return element;
}
document.addEventListener('click', function(e) {
var link = getAncestorLink(e.target);
if (link) {
e.preventDefault();
if (window.self === window.top) {
open_tab(link.href);
} else {
window.parent.postMessage(JSON.stringify({
open_href: link.href
}), '*');
}
}
});
if ('ontouchmove' in window && window.self !== window.top && $('title').length)
console.log('touch in start');
if (window.self !== window.top && $('title').length)
window.parent.postMessage({
loaded_href: location.href,
loaded_title: document.title
}, '*');
window.addEventListener('message', function(e) {
if (e.data === 'go_back') {
$('.tab_process_bar').remove();
$('.new_top_tab').last().remove();
} else if ($('.tab_process_bar').length > 0 && e.data.loaded_href) {
$('.tab_process_bar').remove();
console.log(e.data);
var href = e.data.loaded_href;
$('iframe[src="' + href + '"]').css('display', 'block');
if (href.indexOf(location.origin) === 0) {
history.pushState({
href: location.href,
title: $('title')[0].textContent
}, null, location.href);
history.replaceState(null, null, href.replace(location.origin, ''));
document.title = e.data.loaded_title;
}
} else if (e.data.open_href) {
open_tab(e.data.href);
} else if (e.data.move_tab) {
console.log(e.data);
$('.new_top_tab').last().css('left', e.data.move_tab + 'px');
}
}
);
window.addEventListener('popState', function(e) {
if (history.state) {
history.replaceState(null, null, e.state.href);
document.title = e.state.title;
console.log(document.title);
}
}
);
var min_swipe_x = 50;
var max_swipe_y = 30;
var touch_start_x = 0;
var touch_start_y = 0;
var touch_move_x = 0;
var touch_move_y = 0;
document.addEventListener('touchstart', function(e) {
touch_start_x = e.touches[0].clientX;
touch_start_y = e.touches[0].clientY;
});
document.addEventListener('touchmove', function(e) {
//e.preventDefault();
touch_move_x = e.touches[0].clientX;
touch_move_y = e.touches[0].clientY;
//if (touch_move_x - touch_start_x > 20 && touch_move_x - touch_start_x < 120 && window.self !== window.top)
// window.parent.postMessage({move_tab: touch_move_x - touch_start_x}, '*');
}, {
passive: true
});
document.addEventListener('touchend', function(e) {
console.log(touch_move_x - touch_start_x + ' ' + Math.abs(touch_move_y - touch_start_y));
if (touch_move_x - touch_start_x > min_swipe_x && Math.abs(touch_move_y - touch_start_y) < max_swipe_y)
if (window.self !== window.top) {
window.parent.postMessage('go_back', '*');
} else {
history.go(-1);
}
});
})();