Building Modern Cross Browser Web Extensions: Content Scripts and UI (Part 3)

Building the core functionality of our extension using the messaging system we built in the previous post, as well as exploring storage and permissions in web extensions.

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

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...