Bookmarklets

What is a bookmarklet?

A bookmarklet is a way of injecting javascript into a webpage, this can be used for many things like, hacks!

This one gives you an inspect element: javascript: (function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();

It should load into the bottom right corner

An autoclicker: javascript: var DELAY = 1;var autoClickerStyleElement = document.createElement("style");autoClickerStyleElement.innerHTML="*{cursor: crosshair !important;}";document.body.appendChild(autoClickerStyleElement);function addClicker(e) {if(!e.isTrusted) {return;}if(e.target.classList.contains("auto-clicker-target")) {e.target.classList.remove("auto-clicker-target");} else {e.target.classList.add("auto-clicker-target");}document.body.removeChild(autoClickerStyleElement);document.body.removeEventListener("click", addClicker);e.preventDefault();autoClick(e.target);}function autoClick(element) {if(element.classList.contains("auto-clicker-target")) {element.click();setTimeout(function(){ autoClick(element); }, DELAY);}}document.body.addEventListener("click", addClicker, 0);

Click where you want and it should start

A pop up browser in a tab, teachers can't block: javascript: ((function()%7Bvar a,b,c;c="https://www.bing.com/",b=document.createElement("iframe"),b.setAttribute("src",c),b.setAttribute("id","rusic-modal"),b.setAttribute("style","position: fixed; z-index: 999999; width: 1333px; height: 768px; right: 10px; top: 10px; border: 5px solid #8834af; overflow: hidden; background-color: #fff;"),a=document.getElementsByTagName("body")%5B0%5D,a.appendChild(b)%7D)).call(this)

Google Snake mod: javascript: req = new XMLHttpRequest(); req.open('GET', 'https://raw.githubusercontent.com/DarkSnakeGang/GoogleSnakeCustomMenuStuff/main/custom.js'); req.onload = function() { eval(this.responseText + 'snake.more_menu();'); }; req.send();

A tab disguiser: javascript: (function() { var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://ssl.gstatic.com/classroom/favicon.png'; document.title='Classroom'; console.log(document.title); document.getElementsByTagName('head')[0].appendChild(link);})();

Designed by Yours Truly

Make any website editable: javascript: document.body.contentEditable = true; let all_links = document.getElementsByTagName("a"); for(let i=0; i<all_links.length; i++){ all_links[i].removeAttribute("href"); } void 0;

A calculator that does not show up on your history for the baddies ; javascript:eval('function calc(){_o=prompt(_t,_z);if(_o!=\'\'&&_o!=null&&_o.toUpperCase()==_o.toLowerCase())_z=eval(_o);}');_t='JAVASCRIPTER.NET Calculator - Input the expression to be calculated:';_z='';calc();while(_o!=''&&_o!=null&&_o.toUpperCase()==_o.toLowerCase())calc()

Make a website 3d: javascript:(function(){var js=document.body.appendChild(document.createElement("script"));js.onerror=function(){alert("Sorry, the script could not be loaded.")};js.src="https://rawgit.com/Krazete/bookmarklets/master/tri.js"})();

turn a website into a piano: javascript:(function(){var js=document.body.appendChild(document.createElement("script"));js.onerror=function(){alert("Sorry, the script could not be loaded.")};js.src="https://rawgit.com/Krazete/bookmarklets/master/tri.js"})();

Flash light: var style = document.createElement("style"); document.body.appendChild(style); var canvas = document.createElement("canvas"); canvas.id = "canvas"; document.body.appendChild(canvas); var context = canvas.getContext("2d"); function outlineBounds() { context.clearRect(0, 0, window.innerWidth, window.innerHeight); context.beginPath(); var bounds = Array.from(document.querySelectorAll("*")).map(function (e) { return e.getBoundingClientRect(); }); var withinBounds = bounds.filter(function (e) { var viewVertical = window.scrollY < e.bottom || e.top < window.scrollY + window.innerHeight; var viewHorizontal = window.scrollX < e.right || e.left < window.scrollX + window.innerWidth; return viewVertical && viewHorizontal; }); withinBounds.forEach(function (e) { context.rect( e.left, e.top, e.right - e.left, e.bottom - e.top ); }); context.stroke(); } function fillBounds() { context.clearRect(0, 0, window.innerWidth, window.innerHeight); context.fillStyle = "#00000011"; var bounds = Array.from(document.querySelectorAll("*")).map(function (e) { return e.getBoundingClientRect(); }); var withinBounds = bounds.filter(function (e) { var viewVertical = window.scrollY < e.bottom || e.top < window.scrollY + window.innerHeight; var viewHorizontal = window.scrollX < e.right || e.left < window.scrollX + window.innerWidth; return viewVertical && viewHorizontal; }); withinBounds.forEach(function (e) { context.fillRect( e.left, e.top, e.right - e.left, e.bottom - e.top ); }); } function resizeCanvas() { style.innerHTML = `#canvas { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; }`; canvas.width = window.innerWidth; canvas.height = window.innerHeight; fillBounds(); } resizeCanvas(); window.addEventListener("scroll", fillBounds); window.addEventListener("resize", resizeCanvas); var pixelSize = 8; var halfPixel = Math.floor(pixelSize / 2); function drawPixel(x, y, r, g, b, a) { context.fillStyle = "rgba(" + [r, g, b, a].join(", ") + ")"; context.fillRect(x - halfPixel, y - halfPixel, pixelSize, pixelSize); } function distanceSquared(a, b) { var dx = b.x - a.x; var dy = b.y - a.y; return dx * dx + dy * dy; } function main(mouse) { fillBounds(); var data = context.getImageData(0, 0, context.canvas.width, context.canvas.height).data; context.clearRect(0, 0, context.canvas.width, context.canvas.height); for (var x = 0; x < context.canvas.width; x += pixelSize) { for (var y = 0; y < context.canvas.height; y += pixelSize) { var pixel = {"x": x, "y": y}; var intensityMouse = 1 / distanceSquared(pixel, mouse); var colorMouse = {"r": 0, "g": 255, "b": 255}; var copy = {"x": window.innerWidth - mouse.x, "y": window.innerHeight - mouse.y}; var intensityCopy = 1 / distanceSquared(pixel, copy); var colorCopy = {"r": 255, "g": 0, "b": 0}; var intensity = intensityMouse + intensityCopy; var color = { "r": Math.floor((colorMouse.r * intensityMouse + colorCopy.r * intensityCopy) / intensity), "g": Math.floor((colorMouse.g * intensityMouse + colorCopy.g * intensityCopy) / intensity), "b": Math.floor((colorMouse.b * intensityMouse + colorCopy.b * intensityCopy) / intensity) }; if (intensity > 0.000001) { var ha = 256 * intensity * (256 - data[(x + y * window.innerWidth) * 4 + 3]); drawPixel(x, y, Math.floor(color.r * ha), Math.floor(color.g * ha), Math.floor(color.b * ha), 1 - ha); } } } } window.addEventListener("mousemove", main);

Kind long

make everything you click on twirl: javascript:var s=document.createElement('script');s.type='text/javascript';s.src='https://sheeptester.github.io/javascripts/twirlie.js';document.body.appendChild(s);void(0);