Inspects a website.
// ==UserScript==
// @name Inspect
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Inspects a website.
// @author cool
// @match *://*/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @require https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js
// @license MIT
// ==/UserScript==
(function(w) {
'use strict';
var link = document.createElement("link");
link.id = "inspect-hljs-css";
link.rel = "stylesheet";
link.type = "text/css";
link.href = "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css";
link.media = "all";
document.getElementsByTagName("head")[0].appendChild(link);
var bi = false;
var ib = document.createElement("button");
ib.setAttribute("style", "width: 80px !important; height: 40px !important; padding: 0px !important; margin: 0px !important; font-size: 14px !important; background-color: dodgerblue !important; color: white !important; border: none !important; border-radius: 5px 0px 5px 0px !important; position: fixed !important; right: 0px !important; bottom: 0px !important; z-index: 99999999 !important; cursor: pointer !important; font-family: Arial !important;");
ib.innerHTML = "Inspect";
document.body.appendChild(ib);
var c = document.createElement("div");
c.hidden = true;
c.setAttribute("style", "width: 100% !important; height: 100% !important; padding: 0px !important; margin: 0px !important; font-size: 14px !important; background-color: lightgray !important; color: black !important; border: none !important; border-radius: 0px !important; position: fixed !important; left: 0px !important; top: 0px !important; z-index: 99999998 !important; cursor: auto !important; font-family: courier !important; user-select: text !important; overflow: auto;");
document.body.appendChild(c);
var co = document.createElement("button");
co.setAttribute("style", "width: 80px !important; height: 20px !important; padding: 0px !important; margin: 0px !important; font-size: 12px !important; background-color: gray !important; color: white !important; border: none !important; border-radius: 0px 5px 0px 5px !important; position: fixed !important; right: 0px !important; top: 0px !important; z-index: 99999999 !important; cursor: pointer !important; font-family: Arial !important;");
co.hidden = true;
co.innerHTML = "Copy";
document.body.appendChild(co);
var pre = document.createElement("pre");
var code = document.createElement("code");
code.class = "language-html";
pre.appendChild(code);
c.appendChild(pre);
var p = "";
ib.addEventListener("click", function() {
if (bi) {
bi = false;
ib.innerHTML = "Inspect";
c.hidden = true;
co.hidden = true;
} else {
bi = true;
ib.innerHTML = "Close";
c.hidden = false;
co.hidden = false;
}
});
co.addEventListener("click", function() {
navigator.clipboard.writeText(code.textContent).then(() => {
co.textContent = "Copied!";
setTimeout(function() {
co.textContent = "Copy";
}, 2000);
}).catch(() => {
co.textContent = "Failed to copy!";
setTimeout(function() {
co.textContent = "Copy";
}, 2000);
});
});
setInterval(function() {
if (document.documentElement.outerHTML != p) {
code.textContent = document.documentElement.outerHTML;
hljs.highlightAll();
}
p = document.documentElement.outerHTML;
}, 250);
})(window);