作为经常在开发(Dev)、测试(QA)、预发布(Staging)和生产(Production)之间切换的程序员,你一定有过这种心跳加速的瞬间:明明想在开发环境做一次快速验证,结果误把数据写进了生产库。界面几乎一模一样,唯一的区别就是 URL 栏里那串不起眼的字符。直到用了 Environment Marker 这个免费开源扩展,我才真正摆脱了这个噩梦。
到底有多实用?
安装后,只需在选项里为不同网站配置对应的标签和颜色。比如把 开发环境 设为绿色、生产环境 设为红色,标签可以自由拖放到屏幕四个角或顶部 Ribbon,甚至还能设置半透明。最让我惊喜的是它支持正则表达式,一个规则就能匹配同域名下所有子环境和动态路径,比同类插件如“Site Marker”只能写死 URL 灵活得多。
对比其他插件的优势
市面上类似的“环境标签”工具有好几个,但要么收费,要么只能匹配精确域名。比如“Tab Color”只能改变标签页颜色,但当你打开多个 Tab 时依然容易混淆。而 Environment Marker 直接在整个页面角落显示醒目色块,不管浏览器里开了多少个窗口,扫一眼就知道当前环境,避免把线上当成测试环境操作。
配置与备份也省心
配置界面很简洁,支持快速添加规则,还能导出/导入配置——更新前记得先备份,免得重设。我更新到最新 v1.2.1 版后,发现还增加了丝带透明度支持,和左侧/右侧位置选项,适配不同习惯。整体体验非常流畅,不拖慢浏览器,完全符合“轻量、直观、零误操作”的需求。
如果你也是多环境工作者,或者经常因为看错环境而犯错,强烈推荐安装这个扩展。它真的能让你再也不会误操作生产环境,省下大量返工时间和心理压力。