Hide dumb frogposters
当前为
// ==UserScript==
// @name Hide Images
// @namespace http://tampermonkey.net/
// @version 0.5.4
// @description Hide dumb frogposters
// @author ECHibiki-/qa/
// @match http://boards.4chan.org/*
// @match https://boards.4chan.org/*
// @include https://boards.4chan.org/*
// @include http://boards.4chan.org/*
// @grant none
// ==/UserScript==
/**
Hold Control and Shift to hide images, but keep threads open.
Doesn't interfere with 4chanx and you can still see images it if you mouse over them.
Hidden images reapear in 48 hours.
*/
var localStoreThreads;
var bowser;
//is storage possible
function storageAvailable(type) {
try {
var storage = window[type],
x = '__storage_test__';
storage.setItem(x, x);
storage.removeItem(x);
return true;
}
catch(e) {
return e instanceof DOMException && (
// everything except Firefox
e.code === 22 ||
// Firefox
e.code === 1014 ||
// test name field too, because code might not be present
// everything except Firefox
e.name === 'QuotaExceededError' ||
// Firefox
e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
// acknowledge QuotaExceededError only if there's something already stored
storage.length !== 0;
}
}
//What Browser
function detectBrowser() {
if((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1 )
{
return 0;
}
else if(navigator.userAgent.indexOf("Chrome") != -1 )
{
return 1;
}
else if(navigator.userAgent.indexOf("Safari") != -1)
{
return 2;
}
else if(navigator.userAgent.indexOf("Firefox") != -1 )
{
return 3;
}
else if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true )) //IF IE > 10
{
return 4;
}
else
{
return -1;
}
}
//hide image onclick listener
function hideImage(event){
var hideIndex = this.src.indexOf(".HIDDEN");
if((event.ctrlKey && event.shiftKey) && hideIndex == -1){
event.preventDefault();
event.stopPropagation();
if (storageAvailable('localStorage')) {
localStorage.setItem(this.id, Date.now());
}
else {
console.log("No Storage");
}
this.src = this.src + ".HIDDEN" + "?" + Date.now();
return false;
}
else if(event.ctrlKey && event.shiftKey){
event.preventDefault();
event.stopPropagation();
if (storageAvailable('localStorage')) {
localStorage.removeItem(this.id);
}
else {
console.log("No Storage");
}
this.src = this.src.substring(0, hideIndex);
return false;
}
return true;
}
//functions to find properties by regex
function getPropertyByRegex(obj,propName) {
var re = new RegExp("^" + propName + "(\\[\\d*\\])?$"),
key;
var rtnArray = [];
for (key in obj)
if (re.test(key))
rtnArray.push(key);
return rtnArray;
}
//retrieve from memory the hidden iamges
function retrieveStates(){
var i = 0,
oJson = {},
sKey;
while( i < window.localStorage.length) {
i++;
sKey = window.localStorage.key(i);
oJson[sKey] = window.localStorage.getItem(sKey);
}
localStoreThreads = getPropertyByRegex(oJson,"f[0-9]*IMG");
localStoreThreads.forEach(function callback(elem){
if(Date.now() - oJson[elem] > 172800000)
localStorage.removeItem(elem);
var node = document.getElementById(""+elem);
if(node !== null && node.src.substring(0,6) !== "hidden"){
node.src = node.src + ".HIDDEN" + "?" + Date.now();
}
if((node = document.getElementById("p"+elem.substring(1))) !== null && node.src.substring(0,6) !== "hidden"){
node.src = node.src + ".HIDDEN" + "?" + Date.now();
}
else if((node = document.getElementById("thread-"+elem.substring(1))) !== null && node.src.substring(0,6) !== "hidden"){
node.src = node.src + ".HIDDEN" + "?" + Date.now();
}
});
}
//initial onload setup
function ImageListener(){
console.log("A");
var start = document.getElementById("threads");
if(start === null){
start = document.forms[1];
}
console.log(browser);
if (browser == 3){
var itterator = document.createTreeWalker(start, NodeFilter.SHOW_ELEMENTS, NodeFilter.SHOW_ELEMENTS);
}
else{
var itterator = document.createTreeWalker(start, NodeFilter.SHOW_ELEMENTS, NodeFilter.SHOW_ELEMENTS);
}
console.log("B");
var node = "";
var i = 0;
while((node = itterator.nextNode())){
var tag = node.tagName;
if(tag !== undefined && (tag === "img" || tag === "IMG")){
var md5 = node.getAttribute("data-md5");
var className = node.className;
if(md5 !== null || className === "catalog-thumb" || className === "thumb"){
node.id = node.parentNode.parentNode.id + "IMG";
node.addEventListener("click", hideImage, {passive:false, capture:false, once:false});
}
}
}
console.log("C");
var delForm = document.getElementById("delform");
if(delForm !== null){
observeDynamicMutation(delForm.firstChild);
}
else{
observeDynamicMutation(start);
}
console.log("D");
retrieveStates();
}
//detect page changes
function observeDynamicMutation(node){
var observer = new MutationObserver(function callBack(mutations){
var start = document.getElementById("threads");
if(start === null){
start = document.forms[1];
}
console.log(browser);
if (browser == 3){
var itterator = document.createTreeWalker(start, NodeFilter.SHOW_ELEMENTS, NodeFilter.SHOW_ELEMENTS);
}
else{
var itterator = document.createTreeWalker(start, NodeFilter.SHOW_ELEMENTS, NodeFilter.SHOW_ELEMENTS);
}
var node = "";
var i = 0;
while((node = itterator.nextNode())){
var tag = node.tagName;
if(tag !== undefined && (tag === "img" || tag === "IMG")){
var md5 = node.getAttribute("data-md5");
var className = node.className;
if(md5 !== null || className === "catalog-thumb" || className === "thumb"){
node.id = node.parentNode.parentNode.id + "IMG";
node.addEventListener("click", hideImage, {passive:false, capture:false, once:false});
}
}
}
retrieveStates();
});
var config = {subtree: true, childList:true};
observer.observe(node, config);
}
if (window.top != window.self) //-- Don't run on frames or iframes
return;
window.onload = function() {
browser = detectBrowser();
ImageListener();
console.log("Script loaded: Hide Images");
};