Update Image Loader Placeholder Remover to 1.13.0
- Automatically identify and remove image loaders, even from unknown sites - Add support for Wikihow
This commit is contained in:
parent
a00a99bcee
commit
45f190ebcd
|
@ -3,243 +3,218 @@
|
|||
// @namespace blankie-scripts
|
||||
// @match http*://*/*
|
||||
// @grant none
|
||||
// @version 1.12.1
|
||||
// @version 1.13.0
|
||||
// @author blankie
|
||||
// @run-at document-end
|
||||
// @description Removes image loading placeholders
|
||||
// ==/UserScript==
|
||||
|
||||
// https://closeronline.co.uk
|
||||
// https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
function closeronline() {
|
||||
for (element of document.querySelectorAll(".image-container")) {
|
||||
let imageElement = element.querySelector("img");
|
||||
let loadingElement = element.querySelector(".image-loading");
|
||||
if (imageElement === null || loadingElement === null) {
|
||||
continue;
|
||||
}
|
||||
if (imageElement.attributes["data-src"] === undefined || imageElement.attributes["data-src"].value.length <= 0) {
|
||||
continue;
|
||||
}
|
||||
let url = new URL(imageElement.attributes["data-src"].value, location);
|
||||
let dontAddLink = hasLinkParent(element);
|
||||
"use strict";
|
||||
|
||||
if (!dontAddLink) {
|
||||
let newImageElement = imageElement.cloneNode();
|
||||
newImageElement.src = url.href;
|
||||
newImageElement.style.opacity = 100;
|
||||
newImageElement.style.display = "block";
|
||||
url.search = "";
|
||||
let imageWrapper = document.createElement("a");
|
||||
imageWrapper.href = url.href;
|
||||
imageWrapper.appendChild(newImageElement);
|
||||
imageElement.replaceWith(imageWrapper);
|
||||
} else {
|
||||
imageElement.src = url.href;
|
||||
imageElement.style.opacity = 100;
|
||||
imageElement.style.display = "block";
|
||||
function isUrlLike(url) {
|
||||
return url && /^(?:\/|https?:\/\/)\S+$/.test(url);
|
||||
}
|
||||
function findUrl(element) {
|
||||
if (window.location.host === "www.vice.com") {
|
||||
let picture = element.parentElement;
|
||||
let source = picture && picture.localName === "picture" ? picture.querySelector("source") : null;
|
||||
if (source) {
|
||||
return source.srcset;
|
||||
}
|
||||
}
|
||||
|
||||
loadingElement.remove();
|
||||
// Examples of data-src:
|
||||
// - https://closeronline.co.uk
|
||||
// - https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
// - https://daramiblog.com
|
||||
// - https://daramiblog.com/how-to-group-irregular-verbs-for-more-efficient-learning/
|
||||
// - https://www.bleepingcomputer.com/
|
||||
// - https://www.bleepingcomputer.com/news/microsoft/windows-11-snipping-tool-privacy-bug-exposes-cropped-image-content/
|
||||
// - https://blog.joshumax.me/general/2021/08/11/running-doom-on-captioncall.html
|
||||
// - https://legendsoflocalization.com/common-problems-when-translating-games-into-japanese/
|
||||
// - https://knowyourmeme.com/
|
||||
// - https://knowyourmeme.com/memes/saddam-husseins-hiding-place
|
||||
if (isUrlLike(element.dataset.src)) {
|
||||
return element.dataset.src;
|
||||
}
|
||||
|
||||
for (let attr of element.attributes) {
|
||||
// Examples of lazy:
|
||||
// - https://daramiblog.com/
|
||||
// - https://daramiblog.com/how-to-group-irregular-verbs-for-more-efficient-learning/
|
||||
// - https://www.theautopian.com/
|
||||
// - https://www.theautopian.com/nobody-wants-touch-screen-glove-box-latches-and-it-needs-to-stop-now/
|
||||
// - https://vulcan.io/blog/
|
||||
// - https://vulcan.io/blog/ai-hallucinations-package-risk
|
||||
// Examples of src:
|
||||
// - https://vulcan.io/blog/
|
||||
// - https://vulcan.io/blog/ai-hallucinations-package-risk
|
||||
// Examples of loading:
|
||||
// - https://closeronline.co.uk
|
||||
// - https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
// Examples of original:
|
||||
// - https://www.pcgamer.com/
|
||||
// - https://www.pcgamer.com/windows-95-theme-for-windows-10/
|
||||
if (!attr.name.includes("lazy") && !(attr.name.includes("src") && attr.name !== "src") && !attr.name.includes("loading") && !attr.name.includes("original")) {
|
||||
continue;
|
||||
}
|
||||
if (!isUrlLike(attr.value)) {
|
||||
continue;
|
||||
}
|
||||
return attr.value;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// https://www.indiatoday.in
|
||||
// https://www.indiatoday.in/technology/news/story/vivo-v25-pro-launched-in-india-price-starts-from-rs-35-999-1988971-2022-08-17
|
||||
function indiatoday() {
|
||||
for (element of document.querySelectorAll("img.lazyload")) {
|
||||
if (element.attributes["data-src"] === undefined || element.attributes["data-src"].value.length <= 0) {
|
||||
continue;
|
||||
}
|
||||
let url = new URL(element.attributes["data-src"].value, location);
|
||||
let dontAddLink = hasLinkParent(element);
|
||||
function unhideElement(element) {
|
||||
let style = getComputedStyle(element);
|
||||
|
||||
if (!dontAddLink) {
|
||||
let newElement = element.cloneNode();
|
||||
newElement.src = url.href;
|
||||
url.search = "";
|
||||
let wrapper = document.createElement("a");
|
||||
wrapper.href = url.href;
|
||||
wrapper.appendChild(newElement);
|
||||
element.replaceWith(wrapper);
|
||||
} else {
|
||||
element.src = url.href;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TODO add support for home page, i'm too lazy
|
||||
// https://www.vice.com/en/article/dy73n7/ehallpass-1000-thousand-schools-monitor-bathroom
|
||||
function vice() {
|
||||
for (element of document.querySelectorAll(".lazyloader--lowres")) {
|
||||
let sourceElement = element.querySelector("source");
|
||||
let imgElement = element.querySelector("img");
|
||||
if (sourceElement === null || imgElement === null) {
|
||||
continue;
|
||||
}
|
||||
let url = new URL(sourceElement.srcset, location);
|
||||
url.search = "";
|
||||
|
||||
let newImgElement = imgElement.cloneNode();
|
||||
newImgElement.src = url.href;
|
||||
newImgElement.style.filter = "none";
|
||||
let imgWrapper = document.createElement("a");
|
||||
imgWrapper.href = url.href;
|
||||
imgWrapper.appendChild(newImgElement);
|
||||
imgElement.replaceWith(imgWrapper);
|
||||
|
||||
for (sourceElement of element.querySelectorAll("source")) {
|
||||
sourceElement.remove();
|
||||
}
|
||||
// Examples of opacity:
|
||||
// - https://closeronline.co.uk
|
||||
// - https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
// - https://www.vice.com/en/article/dy73n7/ehallpass-1000-thousand-schools-monitor-bathroom
|
||||
// - https://daramiblog.com/
|
||||
// - https://daramiblog.com/how-to-group-irregular-verbs-for-more-efficient-learning/
|
||||
// - https://www.wired.com/
|
||||
// - https://www.wired.com/story/researcher-fooled-a-google-ai-into-thinking-a-rifle-was-a-helicopter/
|
||||
if (style.opacity === "0") {
|
||||
element.style.opacity = 1;
|
||||
}
|
||||
}
|
||||
|
||||
// https://daramiblog.com/
|
||||
// https://daramiblog.com/how-to-group-irregular-verbs-for-more-efficient-learning/
|
||||
function wordpress() {
|
||||
for (element of document.querySelectorAll("img.lazyload.wp-post-image")) {
|
||||
if (element.attributes["data-src"] === undefined || element.attributes["data-src"].value.length <= 0) {
|
||||
continue;
|
||||
}
|
||||
element.src = element.attributes["data-src"].value;
|
||||
element.style.opacity = 100;
|
||||
// Examples of display:
|
||||
// - https://closeronline.co.uk
|
||||
// - https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
if (style.display === "none") {
|
||||
element.style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
// https://www.pcgamer.com/
|
||||
// https://www.pcgamer.com/windows-95-theme-for-windows-10/
|
||||
function pcgamer() {
|
||||
// look into video carousels?
|
||||
for (element of document.querySelectorAll("img.lazy-image-van")) {
|
||||
let originalUrl = element.getAttribute("data-original-mos");
|
||||
if (originalUrl === null) {
|
||||
continue;
|
||||
}
|
||||
element.src = originalUrl;
|
||||
}
|
||||
}
|
||||
|
||||
// https://www.wired.com/
|
||||
// https://www.wired.com/story/researcher-fooled-a-google-ai-into-thinking-a-rifle-was-a-helicopter/
|
||||
function wired() {
|
||||
let style = document.createElement("style");
|
||||
style.innerText = ".gbVKFf {opacity: 1}";
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
|
||||
// https://www.theautopian.com/
|
||||
// https://www.theautopian.com/nobody-wants-touch-screen-glove-box-latches-and-it-needs-to-stop-now/
|
||||
function theautopian() {
|
||||
for (element of document.querySelectorAll("img[data-jzl-lazy-src]")) {
|
||||
let originalUrl = element.getAttribute("data-jzl-lazy-src");
|
||||
if (originalUrl === null) {
|
||||
continue;
|
||||
}
|
||||
element.src = originalUrl;
|
||||
}
|
||||
}
|
||||
|
||||
// https://www.bleepingcomputer.com/
|
||||
// https://www.bleepingcomputer.com/news/microsoft/windows-11-snipping-tool-privacy-bug-exposes-cropped-image-content/
|
||||
function bleepingcomputer() {
|
||||
for (element of document.querySelectorAll(".b-lazy")) {
|
||||
const addLink = !hasLinkParent(element);
|
||||
const dataSrc = element.getAttribute("data-src");
|
||||
if (dataSrc === null) {
|
||||
return;
|
||||
}
|
||||
|
||||
const url = new URL(dataSrc, location);
|
||||
if (addLink) {
|
||||
const newElement = element.cloneNode();
|
||||
newElement.src = url.href;
|
||||
const wrapper = document.createElement("a");
|
||||
wrapper.href = url.href;
|
||||
wrapper.appendChild(newElement);
|
||||
element.replaceWith(wrapper);
|
||||
} else {
|
||||
element.src = url.href;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// https://securelist.com/
|
||||
// https://securelist.com/cosmicstrand-uefi-firmware-rootkit/106973/
|
||||
function securelist() {
|
||||
let style = document.createElement("style");
|
||||
style.innerText = "img {opacity: 1 !important;}";
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
|
||||
// https://vulcan.io/blog/
|
||||
// https://vulcan.io/blog/ai-hallucinations-package-risk
|
||||
function vulcan() {
|
||||
for (let element of document.querySelectorAll("img[nitro-lazy-src]")) {
|
||||
const addLink = !hasLinkParent(element);
|
||||
const url = new URL(element.getAttribute("nitro-lazy-src"), location);
|
||||
|
||||
if (addLink) {
|
||||
const newElement = element.cloneNode();
|
||||
newElement.src = url.href;
|
||||
const wrapper = document.createElement("a");
|
||||
wrapper.href = url.href;
|
||||
wrapper.appendChild(newElement);
|
||||
element.replaceWith(wrapper);
|
||||
} else {
|
||||
element.src = url.href;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// https://blog.joshumax.me/general/2021/08/11/running-doom-on-captioncall.html
|
||||
// https://legendsoflocalization.com/common-problems-when-translating-games-into-japanese/
|
||||
// https://knowyourmeme.com/
|
||||
// https://knowyourmeme.com/memes/saddam-husseins-hiding-place
|
||||
function datasrc() {
|
||||
for (let element of document.querySelectorAll("img[data-src]")) {
|
||||
const addLink = !hasLinkParent(element);
|
||||
const url = new URL(element.getAttribute("data-src"), location);
|
||||
|
||||
if (addLink) {
|
||||
const newElement = element.cloneNode();
|
||||
newElement.src = url.href;
|
||||
const wrapper = document.createElement("a");
|
||||
wrapper.href = url.href;
|
||||
wrapper.appendChild(newElement);
|
||||
element.replaceWith(wrapper);
|
||||
} else {
|
||||
element.src = url.href;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function hasLinkParent(element) {
|
||||
while (element) {
|
||||
if (element.localName === "a") {
|
||||
function isElementLazyloader(element) {
|
||||
if (element.dataset.src) {
|
||||
return true;
|
||||
}
|
||||
element = element.parentElement;
|
||||
|
||||
for (let className of element.classList) {
|
||||
// Examples of loading:
|
||||
// - https://closeronline.co.uk
|
||||
// - https://closeronline.co.uk/real-life/news/ever-used-excuses-documented-spreadsheet-man-used-expose-wife-s-lack-sex
|
||||
// Examples of lazy:
|
||||
// - https://www.vice.com/en/article/dy73n7/ehallpass-1000-thousand-schools-monitor-bathroom
|
||||
// - https://www.pcgamer.com/
|
||||
// - https://www.pcgamer.com/windows-95-theme-for-windows-10/
|
||||
// - https://www.theautopian.com/
|
||||
// - https://www.theautopian.com/nobody-wants-touch-screen-glove-box-latches-and-it-needs-to-stop-now/
|
||||
// - https://vulcan.io/blog/
|
||||
// - https://vulcan.io/blog/ai-hallucinations-package-risk
|
||||
// Examples of responsive:
|
||||
// - https://www.vice.com/en/article/dy73n7/ehallpass-1000-thousand-schools-monitor-bathroom
|
||||
// - https://www.wired.com (it's a parent of lazyloaded <img>s)
|
||||
// - https://www.wired.com/story/researcher-fooled-a-google-ai-into-thinking-a-rifle-was-a-helicopter/ (it's a parent of lazyloaded <img>s)
|
||||
if (className.includes("loading") || className.includes("lazy") || className.includes("responsive")) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
switch (location.host) {
|
||||
case "closeronline.co.uk": closeronline(); break;
|
||||
case "www.indiatoday.in": indiatoday(); break;
|
||||
case "www.vice.com": vice(); break;
|
||||
case "www.pcgamer.com": pcgamer(); break;
|
||||
case "www.wired.com": wired(); break;
|
||||
case "www.theautopian.com": theautopian(); break;
|
||||
case "www.bleepingcomputer.com": bleepingcomputer(); break;
|
||||
case "securelist.com": securelist(); break;
|
||||
case "vulcan.io": vulcan(); break;
|
||||
|
||||
case "blog.joshumax.me":
|
||||
case "knowyourmeme.com":
|
||||
case "legendsoflocalization.com":
|
||||
datasrc();
|
||||
break;
|
||||
|
||||
default: wordpress(); break;
|
||||
};
|
||||
function removePlaceholder(img) {
|
||||
let hasLinkParent = false;
|
||||
let parentElement = img.parentElement;
|
||||
while (parentElement) {
|
||||
hasLinkParent = hasLinkParent || parentElement.localName === "a";
|
||||
// Examples of hidden parents:
|
||||
// - https://www.wired.com/
|
||||
// - https://www.wired.com/story/researcher-fooled-a-google-ai-into-thinking-a-rifle-was-a-helicopter/
|
||||
if (isElementLazyloader(parentElement)) {
|
||||
unhideElement(parentElement);
|
||||
}
|
||||
|
||||
parentElement = parentElement.parentElement;
|
||||
}
|
||||
|
||||
let url = findUrl(img);
|
||||
if (!url) {
|
||||
return;
|
||||
}
|
||||
let originalUrl = url;
|
||||
|
||||
|
||||
if (window.location.host === "www.vice.com") {
|
||||
let picture = img.parentElement;
|
||||
|
||||
img.style.filter = "none";
|
||||
picture.style.opacity = 1;
|
||||
|
||||
let urlObject = new URL(url, window.location);
|
||||
urlObject.search = "";
|
||||
originalUrl = urlObject.href;
|
||||
urlObject.search = "?resize=1024:*";
|
||||
url = urlObject.href;
|
||||
|
||||
for (let source of picture.querySelectorAll("source")) {
|
||||
source.remove();
|
||||
}
|
||||
} else if (window.location.host === "closeronline.co.uk") {
|
||||
let urlObject = new URL(url, window.location);
|
||||
urlObject.search = "";
|
||||
originalUrl = urlObject.href;
|
||||
img.closest(".image-container").querySelector(".image-loading").remove();
|
||||
}
|
||||
|
||||
img.src = url;
|
||||
unhideElement(img);
|
||||
|
||||
if (!hasLinkParent) {
|
||||
let wrapper = document.createElement("a");
|
||||
img.replaceWith(wrapper);
|
||||
wrapper.href = originalUrl;
|
||||
wrapper.appendChild(img);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
for (let img of document.querySelectorAll("img")) {
|
||||
removePlaceholder(img);
|
||||
}
|
||||
// the reason we check for mutations for 1s after the page loads is because of <noscript> elements being faked by umatrix
|
||||
let observer = new MutationObserver(function (mutations) {
|
||||
for (let mutation of mutations) {
|
||||
if (mutation.type !== "childList") {
|
||||
continue;
|
||||
}
|
||||
for (let node of mutation.addedNodes) {
|
||||
if (node.nodeType !== 1) {
|
||||
continue;
|
||||
}
|
||||
for (let img of node.querySelectorAll("img")) {
|
||||
removePlaceholder(img);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
observer.observe(document.body, {childList: true, subtree: true});
|
||||
setTimeout(function() {
|
||||
observer.disconnect();
|
||||
}, 1000);
|
||||
|
||||
|
||||
|
||||
// https://www.wikihow.com/Tie-Your-Shoes
|
||||
if (window.location.host === "www.wikihow.com") {
|
||||
let style = document.createElement("style");
|
||||
style.textContent = ".image {display: block !important}";
|
||||
document.head.appendChild(style);
|
||||
|
||||
for (let videoPlayer of document.querySelectorAll(".video-player")) {
|
||||
videoPlayer.querySelector(".m-video-controls").remove();
|
||||
|
||||
let video = videoPlayer.querySelector("video");
|
||||
video.controls = 1;
|
||||
video.src = `/video${video.dataset.src}`;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue