您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Quality of Life improvements for whatbeatsrock.com
当前为
// ==UserScript== // @name Zakkina's WBR QOL // @namespace http://tampermonkey.net/ // @version 4.2 // @description Quality of Life improvements for whatbeatsrock.com // @author Zakkina // @match https://www.whatbeatsrock.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=whatbeatsrock.com // @grant none // ==/UserScript== (function() { 'use strict'; // Ensure the script runs after the page is fully loaded window.addEventListener('load', function() { // Create the UI container const uiDiv = document.createElement('div'); uiDiv.style.position = 'fixed'; // 'fixed' for better positioning uiDiv.style.bottom = '20px'; uiDiv.style.right = '20px'; uiDiv.style.padding = '10px'; uiDiv.style.backgroundColor = '#333'; uiDiv.style.color = '#fff'; uiDiv.style.borderRadius = '5px'; uiDiv.style.zIndex = '9999'; // Ensure it's on top uiDiv.style.fontFamily = 'Arial, sans-serif'; // Create the toggle button const toggleButton = document.createElement('button'); toggleButton.textContent = 'Autoclick: OFF'; toggleButton.style.backgroundColor = '#ff4757'; toggleButton.style.color = '#fff'; toggleButton.style.border = 'none'; toggleButton.style.padding = '10px 20px'; toggleButton.style.cursor = 'pointer'; toggleButton.style.borderRadius = '5px'; toggleButton.style.fontSize = '14px'; // Add the button to the UI container uiDiv.appendChild(toggleButton); // RGB Selector Label const rgbLabel = document.createElement('p'); rgbLabel.textContent = 'Background Color (RGB):'; rgbLabel.style.marginTop = '10px'; uiDiv.appendChild(rgbLabel); // RGB Input Sliders const rgbInputs = ['Red', 'Green', 'Blue'].map((color, index) => { const label = document.createElement('label'); label.textContent = `${color}: `; const input = document.createElement('input'); input.type = 'range'; input.min = '0'; input.max = '255'; input.value = '51'; // Default value (51 = low tone) input.style.margin = '5px'; label.appendChild(input); uiDiv.appendChild(label); return input; }); // Append the UI to the document body document.body.appendChild(uiDiv); // Autoclicking status let isAutoclickEnabled = false; let autoclickInterval; // Function to click the button if it exists function clickNextButton() { const buttons = document.getElementsByClassName("py-4 px-8 border border-1-black text-lg"); if (buttons.length > 0) { buttons[0].click(); // Clicks the first button } } // Toggle the autoclick functionality toggleButton.addEventListener('click', function() { isAutoclickEnabled = !isAutoclickEnabled; if (isAutoclickEnabled) { toggleButton.textContent = 'Autoclick: ON'; toggleButton.style.backgroundColor = '#2ed573'; // Change color to indicate it's on autoclickInterval = setInterval(clickNextButton, 50); // Start autoclicking } else { toggleButton.textContent = 'Autoclick: OFF'; toggleButton.style.backgroundColor = '#ff4757'; // Change color to indicate it's off clearInterval(autoclickInterval); // Stop autoclicking } }); // Function to update the background color function updateBackgroundColor() { const r = rgbInputs[0].value; const g = rgbInputs[1].value; const b = rgbInputs[2].value; const rgbColor = `rgb(${r},${g},${b})`; uiDiv.style.backgroundColor = rgbColor; } // Attach input event listeners to update background in real-time rgbInputs.forEach(input => { input.addEventListener('input', updateBackgroundColor); }); }); })();