如何禁用Chrome开发者工具中的光标闪烁效果?
禁用Chrome开发者工具光标闪烁的方法
方法1:自定义开发者工具CSS样式
这是最可靠的自定义方案,步骤如下:
- 打开Chrome,地址栏输入
chrome://flags/#enable-devtools-experiments,启用「DevTools experiments」选项,重启Chrome生效。 - 打开开发者工具(快捷键F12/Ctrl+Shift+I),点击右上角的设置图标(⚙️),切换到「Experiments」标签,勾选「Allow custom UI themes」。
- 关闭开发者工具,找到Chrome用户数据目录下的
User StyleSheets文件夹(路径示例:C:\Users\[你的用户名]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets,如果不存在就手动创建)。 - 在该文件夹内新建
Custom.css文件,粘贴以下代码:
/* 禁用DevTools内所有编辑器的光标闪烁 */ .CodeMirror-cursor, .monaco-editor .cursor, .monaco-editor .cursors-layer .cursor { animation: none !important; opacity: 1 !important; }
- 重启Chrome后,开发者工具里的光标就不会再闪烁了。
方法2:使用Chrome命令行参数
通过启动参数直接禁用光标闪烁特性:
- 右键Chrome桌面快捷方式,选择「属性」,在「目标」输入框的末尾添加
--disable-blink-features=CursorBlink(注意参数前有一个空格)。 - 点击「应用」「确定」,重新打开Chrome后,开发者工具的光标闪烁会被全局禁用。
方法3:修改Windows注册表(补充方案)
虽然你提到全局光标设置对DevTools无效,但部分Chrome版本可能适配这个设置,可以尝试:
- 按下Win+R,输入
regedit打开注册表编辑器。 - 导航到
HKEY_CURRENT_USER\Control Panel\Desktop,找到CursorBlinkRate键,将其十进制值改为-1(-1表示禁用闪烁)。 - 重启电脑后查看是否生效。
内容的提问来源于stack exchange,提问作者丶 Limeー来夢 丶
相关产品推荐
相关产品推荐

