强制所有元素(包括HTTPS和动态内容)变为直角
2025-4-8 乱云飞
// ==UserScript==
// @name 全局直角
// @namespace http://tampermonkey.net/
// @version 1.2
// @description 强制所有元素(包括HTTPS和动态内容)变为直角
// @author You
// @match http://*/*
// @match https://*/*
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
(function() {
'use strict';
// 1. 最高优先级CSS覆盖(包括HTTPS)
GM_addStyle(`
*,
*::before,
*::after {
border-radius: 0px !important;
}
*{border-radius: 0px;}
/* 处理SVG */
rect, circle, ellipse {
rx: 0 !important;
ry: 0 !important;
}
/* 覆盖常见UI库的圆角类名 */
[class*="rounded"], [class*="circle"], [class*="radius"] {
border-radius: 0px !important;
}
`);
// 2. 强制修改内联样式和动态内容
function forceSquareCorners() {
// 遍历所有元素
document.querySelectorAll('*').forEach(el => {
// 内联样式覆盖
if (el.style.borderRadius) {
el.style.borderRadius = '0px';
}
// 特殊处理SVG
if (el.tagName === 'rect' || el.tagName === 'circle' || el.tagName === 'ellipse') {
el.setAttribute('rx', '0');
el.setAttribute('ry', '0');
}
// 覆盖CSS变量(如: --radius)
if (el.style.getPropertyValue('--radius')) {
el.style.setProperty('--radius', '0px', 'important');
}
});
}
// 3. 初始化执行 + 监听动态内容
forceSquareCorners();
const observer = new MutationObserver(forceSquareCorners);
observer.observe(document.documentElement, {
childList: true,
subtree: true,
attributes: true
});
// 4. 确保页面加载完成后再次执行
window.addEventListener('load', forceSquareCorners);
})();本文链接:http://80c.cc/ez/832.html
发表评论: