Tag: web-development
-
How to create Side Panel with Chrome Extension
What is Side Panel? A browser side panel is a vertical interface section, typically located on the right edge of a browser. It provides quick access to tools, extensions, or web content without disrupting the main browsing area. Setp1. Edit your manifest.json file To use the Side Panel API, in the extension manifest file: Step2. Create a…
-
How to fix “Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received”
To solve errors related to the asynchronous response In the previous post, I learned how to implement send/receive messages asynchronously in the browser extension. In this post I introduce a sample code of sending a message and returning values asynchronously by showing how to fix the errors related to the asynchronous response. This background.js has…
-
How to send a message to another part of the browser extension – asynchronously
Erros I got when send a message asynchronously I got some errors related to messaging from a content script to another part of the extension for example a background JavaScript. These are the errors I got, I found I need to understand how to send a message to another part of the browser extension asynchronously.…
-
Display Browsing History nicely in Edge Extension – CSS –
I’m going to develop exactly same popup dialog as Microsoft Edge “History” popup. Today, I would like to organize the browsing list to display it nicely. That means This image below is the current popup dialog. I will improve it in this post. 1. Setup to use CSS file 2. Add Style for the List…
-
Display Browsing History Icon (Favicon) in Edge Extension – Google Favicon Server –
I’m going to develop exactly same popup dialog as Microsoft Edge “History” popup. Today, I would like to display favicons at the right side of each browsing history title in the pop-up dialog. Favicon is a small icon that is displayed in the browser’s address bar. Favicon 1. How to Get a Favicon from Google…
-
How to Inject a Content Script from an Extension to Browser tab (Part1)
I learned how to create the simplest Edge Extension with following the tutorial. It doesn’t have JavaScript file to do something. Tutorial part 1: Display an image in a pop-up In this post, I will create the extension with a JavaScript.I will follow the tutorial below. Through this tutorial, I understand the basic concept of…
Journey of learning 