CRX id
ahjhdebcnlgmojdmjnhikhakkghcchkk
ahjhdebcnlgmojdmjnhikhakkghcchkk
Description from extension meta
Sử dụng tiện ích Environment Marker và ngăn ngừa các lỗi trong môi trường (lập trình).
Image from store
Description from store
Tiện ích mở rộng này giúp bạn phân biệt trực quan giữa các môi trường khác nhau bằng cách thêm nhãn màu vào các trang web cụ thể dựa trên cấu hình URL.
Nó hỗ trợ biểu thức chính quy (bao gồm ký tự đại diện), bộ chọn màu, và tùy chỉnh vị trí nhãn.
Tại sao nên sử dụng Environment Marker?
Trong các dự án CNTT, việc làm việc với nhiều môi trường như phát triển (Dev), kiểm thử (QA), staging và sản xuất (Production) là rất phổ biến.
Tuy nhiên, vì các môi trường này thường trông giống hệt nhau, lỗi có thể dễ dàng xảy ra.
Bạn đã bao giờ muốn thực hiện một "bài kiểm tra nhanh" trong môi trường phát triển, nhưng sau đó mới nhận ra mình thực sự đang ở môi trường sản xuất chưa?
Những lỗi cấu hình hoặc thay đổi ngoài ý muốn có thể dễ dàng xảy ra, vì sự khác biệt duy nhất giữa chúng thường chỉ là URL nhỏ trong thanh địa chỉ của trình duyệt.
Đây chính là lúc Environment Marker phát huy tác dụng!
Tiện ích mở rộng miễn phí và mã nguồn mở này cho Chrome cho phép bạn định cấu hình URL của các môi trường trong dự án của mình và gán nhãn màu vào cửa sổ trình duyệt để bạn nhận diện chúng ngay lập tức.
Không còn nhầm lẫn trong môi trường sản xuất nữa!
Tính năng:
✅ Nhãn có thể tùy chỉnh – Chọn màu nhãn bằng bộ chọn màu.
✅ Hỗ trợ biểu thức chính quy (RegEx) – Sử dụng mẫu RegEx để khớp URL một cách linh hoạt.
✅ Vị trí nhãn linh hoạt – Đặt nhãn ở các góc: trên phải, trên trái, dưới phải, dưới trái hoặc Moldure.
✅ Chế độ Cấu hình Nhanh – Cách thiết lập dễ dàng và nhanh chóng.
✅ Xuất và nhập cài đặt – Dễ dàng sao lưu và khôi phục cấu hình.
Cách sử dụng:
Sau khi cài đặt, vào Cài đặt Chrome > Tiện ích mở rộng > Quản lý Tiện ích mở rộng
HOẶC
Nhấp vào biểu tượng bút chì đỏ bên cạnh thanh địa chỉ.
Mở menu "Tùy chọn" trong phần Environment Marker.
Cấu hình môi trường của bạn và nhấp vào "Lưu".
Phiên bản mới nhất – v1.2
⚠ Quan trọng: Trước khi cập nhật, hãy xuất cài đặt của bạn để sao lưu.
Vào Cài đặt Chrome > Tiện ích mở rộng > Quản lý Tiện ích mở rộng, mở menu Tùy chọn của tiện ích và sử dụng tính năng Xuất.
Có gì mới?
✔ Giao diện hoàn toàn mới
✔ Tùy chọn "Moldure" mới
✔ Thêm tùy chỉnh kích thước phông chữ
✔ Hỗ trợ nhiều ngôn ngữ
Environment Marker là mã nguồn mở và hoan nghênh mọi đóng góp!
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!