使用Tampermonkey替换Gmail HTML视图中无扩展名的新Logo

方法一：用Stylus扩展永久替换（推荐） #

• 给浏览器安装Stylus扩展（Chrome、Firefox应用商店均可找到）
• 打开Gmail HTML视图，点击浏览器右上角的Stylus图标，选择「为mail.google.com编写样式」
• 在编辑框粘贴以下CSS代码，保存后刷新页面即可看到旧Logo：

/* 替换Gmail HTML视图左上角Logo */
img[src*="google.com/gmail/images/logo"] {
  content: url(https://i.sstatic.net/MXzmx.png) !important;
  width: auto !important;
  height: auto !important;
}

这里用src*="google.com/gmail/images/logo"的属性选择器，不管当前Logo链接有没有扩展名，只要路径包含这段就能匹配，刚好解决旧方法因扩展名失效的问题。

方法二：开发者工具临时替换（仅当前会话有效） #

• 打开Gmail HTML视图，按F12调出开发者工具
• 在「元素」面板找到左上角的Logo图片（找<img>标签，通过预览图可快速确认）
• 切换到「样式」面板，在最底部添加自定义样式：

content: url(https://i.sstatic.net/MXzmx.png) !important;
width: auto;
height: auto;

也可以直接在元素面板修改img标签的src属性为旧Logo链接，但刷新页面后会恢复成新Logo。

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