---
title: "How to Build a Chrome Extension"
url: https://daily.dev/posts/how-to-build-a-chrome-extension-bqu0hvqq8
source_url: https://dev.to/sunilaleti/how-to-build-a-chrome-extension-3lpj
type: article
source: "DEV"
published: 2020-10-31T16:40:16.310Z
updated: 2022-10-09T11:04:07.820Z
tags: ["webdev", "google-chrome"]
reading_time: 3
upvotes: 20
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Build a Chrome Extension

**[DEV](https://daily.dev/sources/devto)** · 3 min read · 20 upvotes · 0 comments

## Summary

Chrome extensions are small HTML, CSS and JavaScript apps that we can install in the chrome browser. In this tutorial, we are going to build an extension that allows users to get covid19 case details based on the country selected. Create a new directory "dist" and create files under that directory as shown in the picture.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://dev.to/sunilaleti/how-to-build-a-chrome-extension-3lpj>

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments
- [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments
- [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#google-chrome](https://daily.dev/tags/google-chrome)

[View this post on daily.dev](https://daily.dev/posts/how-to-build-a-chrome-extension-bqu0hvqq8)