禁用悬停文本 - Chrome/Edge(Chrome v118.0.5993.89/Edge v118.0.2088.46)
解决网站悬停弹出文本的方法
方法一:通过用户脚本移除元素的title属性
多数网站的悬停提示是依赖HTML元素的title属性实现的,你可以用Tampermonkey这类脚本工具处理:
- 安装Tampermonkey扩展
- 新建用户脚本,填入以下代码:
// ==UserScript== // @name 移除网站悬停提示 // @match *://目标网站域名/* // @grant none // ==/UserScript== (function() { 'use strict'; // 清除现有元素的title属性 document.querySelectorAll('*[title]').forEach(el => el.removeAttribute('title')); // 监听页面新增元素,自动清除title const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { mutation.addedNodes.forEach(node => { if (node.nodeType === 1) { node.hasAttribute('title') && node.removeAttribute('title'); node.querySelectorAll('*[title]').forEach(el => el.removeAttribute('title')); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); - 将代码里的
目标网站域名替换成你需要处理的网站地址,保存后刷新页面即可。
方法二:用自定义CSS隐藏自定义悬浮层
如果是网站开发的自定义悬浮提示(非原生title),可以用Stylus工具添加样式:
- 安装Stylus扩展
- 针对目标网站新建样式,填入:
/* 替换成悬浮层的实际CSS选择器,可通过F12开发者工具定位 */ .custom-tooltip-class { display: none !important; visibility: hidden !important; } - 把
.custom-tooltip-class替换成你找到的悬浮层选择器,保存生效。
方法三:修改浏览器内置配置(针对原生提示)
- Chrome/Edge:地址栏输入
chrome://settings/content/accessibility,关闭“显示网页上的工具提示”选项 - Firefox:地址栏输入
about:config,搜索browser.chrome.toolbar_tips,将其设置为false,重启浏览器即可
内容的提问来源于stack exchange,提问作者Tomas Dan Jonsson
相关产品推荐
相关产品推荐

