Building Modern Cross Browser Web Extensions: Core Functionality, Storage and Permissions (Part 5)

Working with background scripts, using sensitive browser APIs and understanding the communication process between content scripts and background scripts.

In the previous post, we installed WXT, TailwindCSS and Shadcn and explored the project structure. In this post, we will explore how to work with content scripts and build isolated UIs for our extension as well as discuss some issues with UI and how to resolve them. We will build a Command Palette for quick browser actions, such as creating new...

In the previous post, we discussed the basics of Web Extensions and the tools we will be using to build our extension. Out of the three mentioned frameworks, we will be using WXT. In this post, we will set up the project and install the necessary dependencies and get an overview of the project structure. Note The project uses pnpm as the package...

If you are already familiar with web extensions and want to jump directly to the implementation, you can skip this post and go to the next one Introduction Extensions have become an integral part of modern browsers. While web development has evolved vastly over the last few years, development of extensions has mostly remained the same. This...