DEV Community

loading...
Cover image for Emoji Error in Chrome Extension HTML

Emoji Error in Chrome Extension HTML

dance2die profile image Sung M. Kim Originally published at slightedgecoder.com on ・1 min read

                    Photo by Bernard Hermant on Unsplash

I’ve had a problem where I was trying to display an Emoji in a Chrome Extension header of default popup HTML, page_action.html (specified by page_action -> default_popup in manifest.json).

But got the jumbled up characters instead.

Emoji displayed as gobbledygook
Emoji displayed as gobbledygook

The problem was that I had to instruct Chrome that I am using a unicode by adding a charset meta tag.

Character Set set to UTF-8

This has fixed the issue and shows the cute 🐥 emoji correctly in the Chrome Extension popup.

You can now see the cute baby chick
You can now see the cute baby chick 🐥

The post Emoji Error in Chrome Extension HTML appeared first on Sung's Technical Blog.

Discussion (0)

pic
Editor guide