如何停用DevTools代码窗口中悬停img-url时显示的tooltip？

目前Chrome DevTools没有内置的设置开关，但可以通过以下两种方法解决：

• 永久禁用：自定义DevTools样式

  1. 打开DevTools，按F1进入设置，切换到Experiments标签，勾选「Allow custom UI themes」，重启DevTools。
  2. 创建本地CSS文件（如devtools-disable-tooltip.css），写入：

     .image-preview-tooltip {
       display: none !important;
     }
     

  3. 回到DevTools设置的Appearance标签，在「Custom CSS」中选择刚创建的文件，重启DevTools后生效。

• 临时禁用：会话内生效
  每次打开DevTools后，在控制台执行以下代码（刷新DevTools后失效）：

  document.styleSheets[0].addRule('.image-preview-tooltip', 'display: none !important');
  

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