我在我办公室里的38英寸超宽显示器上写这篇文章，这台显示器的侧面还有一块27英寸的备用屏幕。但我经常用一台1600x900小屏幕的机器来处理邮件。

还有:如何备份你的Gmail: 2020年的终极指南

在屏幕上，每个像素都很重要。因此，当谷歌在我的文件夹底部添加Meet接口时，我感觉到了。虽然我当然可以滚动到这些标签，我的标签安排已经建立了一段时间，非常适合我的生产力。

有一个把手可以缩小那个区域的大小，但它不会完全闭合。从满足，开始，和连接开始的线保持阻塞区域大约三线太高。

我想要那些像素回来。在本文中，我将向您展示一些幕后技巧，这些技巧允许您对实时web页面进行修补，有时还会进行一些更改，以改进您所看到的内容。

另外:只有真正的Gmail忍者才需要知道的五个秘密技巧

2015年，当Todoist改变图标颜色时，我也做了类似的修改。窍门是修改web应用程序的CSS，然后使用Chrome扩展来解决这个问题。

让我们从识别CSS开始。为此，我们将使用Chrome的内置检查器。大多数浏览器都有类似的东西，如果你使用Edge。Firefox或Safari在这些浏览器上的工作原理应该类似。

首先，右键单击要更改的区域，并从弹出窗口中选择Inspect。

HTML检查器将显示在屏幕的左侧。我喜欢使用元素选择器来查找要使用的HTML。

接下来，在页面上移动，直到突出显示要处理的块。

找到所需的块后，单击，然后选择HTML。

下一步要做的是右键单击并从复制菜单中选择复制选择器。这将把以下行放到剪贴板上。

身体比;在div: nth-child (21);div.nH祝辞div祝辞div.nH。食品比;div.no祝辞div.nH.oy8Mbf.nn。为在div.akc.aZ6。YX祝辞div.YM.pp.Zk.aj3

这是选择器。选择器是页面的DOM(文档对象模型)上的地址。这是一种告诉CSS如何专门针对一段代码的方法。

另外:Gmail快速提示:使用不同颜色的标签来组织你的收件箱

要在半永久的基础上更改样式，我喜欢使用StyleBot Chrome扩展。它会在你的浏览器栏上放一个小小的CSS图标。单击它并选择Open Stylebot。

你会看到这样的屏幕:

选择编辑CSS。将选择器粘贴到该区域。

在这之后，您需要添加以下内容:一个左括号、“display:none;”和一个右括号。它是这样的:

在Gmail屏幕的右下角点击保存，然后查看左下角。注意，Meet文本已经消失。

继续并通过单击右上角的X关闭StyleBot面板。

最后，将鼠标悬停在新空白区域的顶部，直到出现小水平线拖拽条，并将其向下拉。

现在，无论何时你去你的Gmail，你将能够拖下阻塞块并且收回那三个被盖住的电子邮件标签。

如果你想要返回Meet菜单，你可以回到StyleBot，回到Edit CSS或者删除样式或者把它放在 comment标签中。这使它们内部的CSS无法运行，但允许您保留代码，以便稍后删除或进一步修改。

另外:Gmail快速提示:如何搜索您的收件箱主要类别只有

孩子们，这就是你如何破解一个网络应用程序，让它做你想让它做的事情。玩得开心。哦，如果谷歌改变了它的代码，黑客可能会停止工作。这就是为什么你想知道如何去做，而不是从我的文章中抄袭。

练习。我曾多次使用这种技术来克服基于web的烦恼。您可以在几乎任何web页面上使用此技术，并更改它呈现给您的方式。注意:如果您有多台机器，stylebot设置将不会同步。你必须在每台机器上粘贴你的自定义样式。