Emoji instead of favicons in Safari.
The Safari browser does not display favicons. You could argue that this makes it more difficult to find the content you are interested in when using tabs.
Also I thought it would be good, clean fun to use emoji to achieve a sort of favicon look in tabs. This is the result.
- Download the extension: favemoji.safariextz
- Double click the file to install it in Safari
- Emoji will show up when tabs are refreshed or browsing continues
How does it work?
document.location.hostname (only the domain name and subdomain) is used as the key to an array of emojis. If there's a match we prepend the emoji to the page title.
MutationObserver is used to watch for changes to the page title allowing the addition of the emoji to be more robust.
The domains and emoji are stored as a JSON object that is editable in Safari > Preferences > Extensions > favemoji
- ability for user to define their own emoji for a domain (toolbar button?)
- add exact Unicode matches for certain domains (eg. , ✪, etc.)
- add more popular domains
- custom spec/meta to allow site owner to specify emoji?
- use page meta/content to best guess a relevant emoji?
If you'd like to suggest a new domain/emoji pair please include a reference to the favicon or branding that the emoji matches. A description of the reason behind the match is also useful.
Pull Requests Welcome
Pull Requests are welcome and will be dealt with swiftly. All help is very much appreciated!
MIT. Copyright (c) 2017 Matt Sephton @gingerbeardman
2017-08-24: improved domain matching, tweaked defaults
2017-08-16: added MutationObserver and icon
2017-08-15: added Alexa Top 100 and select other sites (total ~150)
2017-08-14: initial version