您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Highlight or hide specific divs and links on Taobao search results based on toggle
// ==UserScript== // @name Highlight or Hide Specific Divs on Taobao // @namespace http://tampermonkey.net/ // @version 0.2 // @description Highlight or hide specific divs and links on Taobao search results based on toggle // @author max5555 // @match https://s.taobao.com/search?* // @grant GM_addStyle // @license MIT // ==/UserScript== (function() { 'use strict'; // Add slider to the page const sliderHTML = ` <div style="position:fixed; right:10px; top:10px; z-index:9999; background-color: white; padding: 5px; border: 1px solid #ccc; border-radius: 5px;"> Highlight specific divs: <label class="switch"> <input type="checkbox" id="toggleDivs" checked> <span class="slider round"></span> </label> </div> `; document.body.insertAdjacentHTML('beforeend', sliderHTML); let highlightEnabled = true; // Slider is enabled by default function updateDivs() { // Highlight or hide Tmall divs const tmallDivs = document.querySelectorAll('div a[href^="//detail.tmall.com/"]'); tmallDivs.forEach(div => updateDivVisibility(div, '4px solid red')); // Highlight or hide Taobao links const taobaoLinks = document.querySelectorAll('a[href*="click.simba.taobao.com/"]'); taobaoLinks.forEach(link => updateDivVisibility(link, '4px solid orange')); } function updateDivVisibility(element, borderStyle) { const parentDiv = element.closest('div'); if (parentDiv) { if (highlightEnabled) { parentDiv.style.border = borderStyle; // Highlight with specified border parentDiv.style.display = ''; // Ensure the div is visible } else { parentDiv.style.display = 'none'; // Hide the div } } } document.getElementById('toggleDivs').addEventListener('change', (event) => { highlightEnabled = event.target.checked; updateDivs(); }); // Use MutationObserver to handle dynamically loaded content const observer = new MutationObserver(() => { updateDivs(); }); // Start observing the target node for configured mutations observer.observe(document.body, { childList: true, subtree: true }); // Initial update updateDivs(); })();