Description from extension meta
Environment Marker 확장 프로그램을 사용하여 (프로그래밍) 환경에서의 실수를 방지하세요.
Image from store
Description from store
Environment Marker – 환경을 한눈에 구별하세요!
이 확장 프로그램은 URL 설정을 기반으로 특정 웹사이트에 색상이 지정된 라벨을 추가하여 서로 다른 환경을 시각적으로 구별할 수 있도록 도와줍니다.
정규식(와일드카드 포함), 색상 선택기, 라벨 위치 설정을 지원합니다.
왜 Environment Marker를 사용해야 할까요?
IT 프로젝트에서는 **개발(Dev), 품질 보증(QA), 스테이징(Staging), 프로덕션(Production)**과 같은 여러 환경에서 작업하는 것이 일반적입니다. 하지만, 이러한 환경들은 대부분 동일한 UI를 가지고 있어 실수가 발생하기 쉽습니다.
개발 환경에서 **"간단한 테스트"**를 실행하려고 했는데, 나중에 보니 실제로는 프로덕션 환경에서 실행하고 있었다는 경험이 있으신가요? 브라우저 주소창의 URL을 제외하면 환경 간 차이가 거의 없기 때문에, 잘못된 설정 변경이나 실수로 인한 변경이 쉽게 발생할 수 있습니다.
바로 Environment Marker가 필요한 순간입니다!
이 무료 오픈소스 Chrome 확장 프로그램을 사용하면 프로젝트 환경별로 URL을 설정하고, 브라우저 창에 색상이 지정된 라벨을 추가하여 환경을 즉시 식별할 수 있습니다.
더 이상 프로덕션 환경에서 실수를 저지를 일이 없습니다!
주요 기능:
✅ 사용자 정의 라벨 – 색상 선택기로 원하는 라벨 색상을 선택하세요.
✅ 정규식 지원 – 정규 표현식(Regex)을 사용하여 URL을 동적으로 매칭할 수 있습니다.
✅ 유연한 라벨 위치 조정 – 라벨을 오른쪽 상단, 왼쪽 상단, 오른쪽 하단, 왼쪽 하단 또는 Moldure에 배치할 수 있습니다.
✅ 빠른 설정 모드 – 손쉽고 빠르게 설정할 수 있습니다.
✅ 설정 내보내기 및 가져오기 – 설정을 백업하고 쉽게 복원할 수 있습니다.
사용 방법:
설치 후 Chrome 설정 > 확장 프로그램 > 확장 프로그램 관리 로 이동
또는
주소창 오른쪽의 빨간 연필 아이콘을 클릭
Environment Marker의 "옵션" 메뉴를 엽니다.
환경을 설정한 후 "저장"을 클릭하세요.
최신 버전 – v1.2
⚠ 중요: 업데이트하기 전에 설정을 내보내기하여 백업을 저장하세요.
Chrome 설정 > 확장 프로그램 > 확장 프로그램 관리 로 이동한 후, 확장 프로그램 옵션 메뉴에서 "내보내기" 기능을 사용하세요.
새로운 기능:
✔ 새로운 디자인
✔ "Moldure" 옵션 추가
✔ 글꼴 크기 조정 기능 추가
✔ 다국어 번역 지원
Environment Marker는 오픈소스 프로젝트이며, 기여를 환영합니다!
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!