Development favicon

Assign colored stripes to favicons, based on URL and title regex matching.

What is Development favicon?

Development favicon is a Chrome extension that allows you to assign colored stripes to favicons based on URL and title regex matching. It enables you to customize your browsing experience by applying effects to favicons, such as differentiating between local, staging, and production environments or signed-in Google accounts.

Download

Extension stats

By: Brad Czerniak (ao5357)

View on Chrome Web Store

Users: 201 ▲ 7

Rating: 4.50 (4)

Version: 1.5.0 (Last updated: 2023-07-24)

Creation date: 2020-03-23

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

storage
tabs

Size: 198.66K

Email: ao*****@gmail.com

URLs: Privacy policy

Ranking

# 56957 ▲ 506

Other rankings

#430 in Developer Tools ▲ 3 #3 in development keyword 2 #152 in effect keyword 35 ▼ 2 #237 in environment keyword 15 ▼ 6 #252 in match keyword 9 ▼ 4

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This extension lets you target URLs and titles with a regex match pattern (so .*\.local.* for my local environment) and apply effects to the favicon. I've got my local with a green stripe across the top, the staging server with a yellow one, and could set different production environments with different colors and effects.

Another idea would be to match and apply effects for different signed-in Google accounts, so I'd know which Google Drive is open.

User reviews

Great idea, works perfectly.

Pedro Altomar, 2024-10-23

When using the cover effect, it applies the cover over and over again each time the page is refreshed until the favicon becomes a solid square color, which isn't very helpful.