如何移除网页中的ASCII动态浮动元素？

临时移除（单次生效，刷新后恢复） #

• 按下F12或Ctrl+Shift+I打开浏览器开发者工具
• 在「元素(Elements)」面板，用左上角的选择工具点击目标ASCII浮动元素，定位到对应的DOM节点
• 右键点击该节点，选择「删除元素(Delete element)」，元素会立刻消失，不会影响当前页面布局

永久移除（自动生效，每次访问页面都清除） #

如果需要每次打开该页面都自动处理，用用户脚本工具（比如Tampermonkey）即可，步骤如下：

1. 安装Tampermonkey浏览器扩展
2. 点击扩展图标，选择「创建新脚本」
3. 替换默认代码为以下内容（需替换元素选择器和目标页面URL）：

// ==UserScript==
// @name         移除ASCII浮动元素
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  自动隐藏目标页面的动态ASCII浮动元素
// @match        替换成目标页面的完整URL，比如https://xxx.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // 用开发者工具找到元素的选择器，比如类名.ascii-float或id#ascii-box
    const targetElement = document.querySelector('.ascii-float'); // 替换成实际选择器
    if (targetElement) {
        // 用display:none隐藏，比直接删除节点更安全，避免破坏布局依赖
        targetElement.style.display = 'none';
        // 如果display:none影响布局，可改用visibility:hidden（元素保留占位但不可见）
        // targetElement.style.visibility = 'hidden';
    }
})();

4. 保存脚本后刷新目标页面，元素会自动被隐藏

针对动态生成元素的补充处理 #

如果该ASCII元素是页面加载后通过JS动态添加的，可给脚本加个延迟执行逻辑：

setTimeout(() => {
    const targetElement = document.querySelector('.ascii-float');
    if (targetElement) targetElement.style.display = 'none';
}, 1000); // 延迟1秒执行，可根据元素实际加载时间调整数值

内容的提问来源于stack exchange，提问作者pr0m31h3u5