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.

The problem was that I had to instruct Chrome that I am using a unicode by adding a charset meta tag.
<html> | |
<head> | |
<meta charset="UTF-8" /> | |
... | |
</head> | |
... | |
</html> |
This has fixed the issue and shows the cute 🐥 emoji correctly in the Chrome Extension popup.

The post Emoji Error in Chrome Extension HTML appeared first on Sung's Technical Blog.
Top comments (0)