DEV Community

Cover image for Emoji Error in Chrome Extension HTML
Sung M. Kim
Sung M. Kim

Posted on • Originally published at slightedgecoder.com on

Emoji Error in Chrome Extension HTML

#html #unicode #emoji

                    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.

Top comments (0)

Read next

speaklouder profile image

Markdown vs HTML : Choosing the Right for Web Development

Nilesh Raut -

brunoredes profile image

Aprimorando acessibilidade em botões no HTML

Bruno Donatelli -

ngbeagloriajames profile image

How to make a simple incremental, decremental, and Reset Counter App with Vue.js for a beginner

Gloria Ngbea -

volker_schukai profile image

Unleashing the Power of Dynamic Web Content with Monster Templating

Volker Schukai -