-
How Build Chrome Extension for Dummies with HTML, CSS and JavaScript
Hey there, you might be wondering, “why not just ask Chat GPT on how to build chrome extensions?” Well firstly your sound logic isn’t welcomed here. But on a more serious note; as of writing this article today if you do ask ChatGPT on how to build chrome extension it will give you details on manifest version 2,
-
Build Chrome Extension with React JS
Chrome extensions can significantly boost productivity by automating repetitive tasks, providing quick access to essential tools, and streamlining workflows. Now let’s get started with create a chrome extension using react. 1 Create A React App Navigator to the folder you want your extension project to be and open up the terminal, PowerShell or command prompt.
-
Build Chrome Extension with Vue
Vue.js, often referred to simply as Vue, is a progressive JavaScript framework used for building user interfaces and single-page applications. It was created by Evan You and first released in February 2014. Vue is designed to be incrementally adoptable, which means you can use as much or as little of the framework as you need
-
Build Chrome Extension with Solid JS
Solid JS is a declarative JavaScript library for building user interfaces. Like React and Vue, Solid JS is designed to help developers create reactive web applications, but it distinguishes itself with a unique approach to reactivity and performance. Created by Ryan Carniato, Solid JS focuses on fine-grained reactivity and a compilation-based approach to minimize overhead
-
Build Chrome Extension with any single-page Node JS Framework
The Traditional Approach: HTML, CSS, and JavaScript Before the advent of sophisticated JavaScript frameworks, developers created Chrome extensions using the fundamental trio of web technologies: HTML, CSS, and JavaScript. This conventional approach involves the following steps: This approach is straightforward and leverages basic web development skills. However, as extensions grow in complexity, managing state, reactivity,
-
How to make a multipage Chrome Extension
Just like any good application you might want to have multiple different pages in your chrome extensions. Perhaps you want to show them the first see the login page then afterwards the dashboard. In this article we will look at how you can show different UI pages in your chrome extensions, for regular html/JavaScript and
-
5 Understanding Chrome Extensions Communication
The flow of data within our browser extensions is a vital part in creating any incredible and useful tool. In this article we hope to show you how data can moves within the different parts of the extension. So far, in the articles we’ve written prior, we’ve covered that there are 3 major parts of
-
8 Understanding Chrome Extensions Action
The chrome.action API is used to control everything to do with the your extensions icon found in the toolbar. It encompasses the title, icon, when it is clicked and much more. You can read the Chrome.API documentation on actions more details here https://developer.chrome.com/docs/extensions/reference/api/action In pervious article we wrote about Understanding Chrome Extensions Permissions we briefly touched on how to declared it
-
9 Understanding Chrome Extensions Tabs
The chrome.tabs API is used for interacting with your browser tabs. You can do all sort of this with this API from creating new tabs, rearranging them, redirecting to a new URL, and even communicate to the content scripts running on those tabs. In this article we are going to look at several functions the chrome.tabs API provides. However,
-
10 Understanding Chrome Extensions Windows
In this article we are going to look at the chrome.windows API. Its an API used for interacting with the browser windows. Similar to the chrome.tabs API you can use the API to create and change browser windows. Types of Windows There are different types of windows you can create. Popup or Panel These are borderless windows. You can not
