Description from extension meta
使用 Environment Marker 扩展程序,防止(编程)环境出错。
Image from store
Description from store
环境标记器 – 让不同环境一目了然!
此扩展可根据 URL 配置为指定网站添加彩色标签,帮助您直观地区分不同的环境。它支持 正则表达式(包括通配符)、颜色选择器,并允许自定义标签位置。
为什么要使用环境标记器?
在 IT 项目中,通常需要处理多个环境,例如 开发(Dev)、质量保证(QA)、预生产(Staging) 和 生产(Production)。然而,这些环境的界面往往几乎相同,因此容易发生错误。
您是否曾经想在开发环境中进行 “快速测试”,但后来才发现自己其实是在生产环境?由于这些网站的外观几乎完全一致,唯一的区别可能只是浏览器地址栏中的 URL,因此 误操作和配置错误 很容易发生。
这就是 环境标记器(Environment Marker) 发挥作用的地方!这款免费且开源的 Chrome 扩展允许您 自定义环境 URL,并在浏览器窗口的角落添加彩色标签,使环境 一目了然。
再也不会误操作生产环境!
功能特点:
✅ 自定义标签 – 通过颜色选择器自由调整标签颜色。
✅ 正则表达式支持 – 使用正则表达式(Regex)动态匹配 URL。
✅ 灵活的标签位置 – 标签可放置在 右上角、左上角、右下角、左下角 或 Moldure。
✅ 快速配置模式 – 轻松快速完成设置。
✅ 导出 & 导入配置 – 轻松备份和恢复您的环境设置。
如何使用:
安装完成后,前往 Chrome 设置 > 扩展程序 > 管理扩展
或
点击地址栏右侧的红色铅笔图标。
打开“环境标记器”扩展的选项菜单。
配置您的环境,并点击“保存”。
最新版本 – v1.2
⚠ 重要提示: 更新前请先导出您的配置进行备份。前往 Chrome 设置 > 扩展程序 > 管理扩展,打开扩展的“选项”菜单,并使用“导出”功能进行备份。
新功能:
✔ 全新 UI 设计
✔ 新增 “Moldure” 选项
✔ 支持调整字体大小
✔ 多语言支持
环境标记器是开源项目,欢迎贡献代码!
GitHub: https://github.com/geovanneb/envmarker
Latest reviews
- (2023-08-02) Kevin Clark: Great add-in. I've put in a feature request for a "mouse over transparency" feature, which would solve the only thing I wish it did.
- (2023-04-13) Jay Genaza: Lifesaver. Would be nice if it changed the tab color too!
- (2022-12-27) Игорь Александрович: Замечательное расширение. Не думал что найду то, что мне нужно)
- (2022-11-10) Jan Pippal: Exactly what I was looking for. Love you man. I only wish it could be sized up.
- (2022-11-02) Mahesh Wagh: Very useful extension!
- (2022-10-13) Suzy Johnson: simple and useful
- (2022-05-06) Tomáš K: Very useful!
- (2022-03-31) Bruno Silva: Thanks for this extension, it's very helpful! One small suggestion: it would be nice if the "hide label" action could keep the state between page refreshes. That would be really useful, for example, when checking pages on small screen sizes, where the label can really get on the way, and hiding it after every page refresh is a bit annoying.
- (2021-04-30) Eric Julien: Really nice, but add transparency to able to see button below banner.
- (2021-02-22) Robert Hawke: very nicely done! only issue i have is that no matter what corner i place it in, at some times it blocks what I should see. It would be nice to have a transparency option in the settings. Or a way to temporarily hide it by clicking on it.
- (2020-08-10) Bruno da Silva Bertolani: Simple and useful
- (2020-07-20) Eric Kinney: I like how it makes it very obvious. I wish it could work based on IP address instead of URL - our production and dev is always the same URL, but we manipulate which PROD/DEV by adjusting the hosts file. We need a tool like Environment Marker to help us know which site we are on at all times but it needs to be based on IP address, not restricted to URL only
- (2020-07-07) Paulo Roberto Beccaro: Total Lifesaver! There's no more need to quadruple check the URL before submitting something in Swagger.
- (2020-06-25) Chrisse Gannon Carothers: Thank you for saving me from countless "Did I make that change in QA or Dev?" thoughts in my head!
- (2020-01-17) Alfeu Lucas: Simple and powerful! It just works! No more screwing up with environments :)
- (2019-12-19) Ronaldo Figueiredo: I really enjoyed it. It prevents us from making silly mistakes among the environments. Our DEV team is installing on their machines !!! I would like to be able to customize the font size to allow me to see up to 2 lines. The reason is that sometimes we need to display the "Project´s name + Environment" . Anyway, my friend, congrats and tks a lot!!!
- (2019-12-12) Richard Campbell: simple, works, very nice
- (2019-11-13) Ken: Simple but Extremely Effective! I know this is going to be one of my favorite extensions and will be one that I reinstall right away, whenever I am setting up a new environment!
- (2019-04-29) Sharad Khanna: Great idea and I really like the easy identification marker that shows up. One problem for me at least - was that I couldn't access controls under it. I was hoping there could be option to move it around the screen - like different corners or even the sides..
- (2019-03-15) Very helpful. Avoid screw ups with this extension.
- (2019-02-18) Ruben Chavez: Super helpful for our dev team. Works like a charm. No more special code needed when cloning environments.
- (2018-11-26) Roberto Barrios: Very easy to use and setup. Would love to get more customization options (change type of ribbon, placement, text type, hide on mouse hover, etc).
- (2018-05-09) Manon L: Fonctionne bien mais j'avais besoin de cette application également pour détecter les différentes IP. Elle ne fonctionne que par nom de domaine malheureusement.
- (2017-09-13) Great idea!
- (2017-06-21) Cherie Cheong: Muito show de bola! Obrigada Geovanne!
- (2017-06-21) Lucas Silva: Really useful! Thank you Geovanne for that!
- (2017-06-14) Jon Barson: Does what it says on the label. Thanks Geovanne!
- (2017-06-06) Andre Ogura Dantas: The italian monster attacks again
- (2017-03-04) Rodrigo Proenca: Very helpful!
- (2017-02-16) Adriano De Palma: very helpful, no mistakes on production ;-)
- (2016-05-25) Paulo Lara: Show!
- (2016-04-26) Graziele Cristina: Excelente, era tudo o que eu precisava para diferenciar os ambientes durante os meus testes!
- (2015-12-02) Sarah Rodrigues: Top!! Ajuda a não cometer erros em ambientes errados.
- (2015-11-27) Rafael Pivatto: Bom trabalho, ajuda muito.
- (2015-11-27) Karen Bigoli: Gostei!!! Está me ajudando muito. Parabéns!.
- (2015-11-27) Thiago Rodrigues: Muito bom!! Facilita muito pra quem precisa trabalhar com vários ambientes ao mesmo tempo! Parabéns!
- (2015-11-27) Carlos Eduardo Papacidero: Must have extension if you work with multiple environments at same time. The labels really helps you prevent mistakes.
- (2015-11-27) Geovanne Borges Bertonha: :)
- (2015-11-27) Diego Ferreira de Melo: Muito bom!!! Me ajudou muito. Esse app aumentou muito a produtividade e reduziu os erros gerados!