Tag: javascript
-
Highlight Tabs with Edge Extension
Overview Today, I will introduce you how to highlight Edge browser tabs when you double click on the active tab page. Every time you click on the tab page, you get highlighted tabs so that you can see which tabs are important for you throughout your web search activity by using this Edge Extension. Edge…
-
Add background.js to Edge Extension
Overview The Complete manifest file is saved in the HistoryMark Repository folder. 1. Update manifest file I added four items to my manifest.json file. The Complete manifest file is saved in the HistoryMark Repository folder. 2. Add EventListner in Content Script I created “content.js” that has addEventListener() method. This JavaScript is injected into all tab…
-
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 – Chrome Extension API –
I’m going to develop exactly same popup dialog as Microsoft Edge “History” popup. In the previous post, I introduced how to get a favicon by using Google Favicon Server. 1. How to Get a Favicon with Chrome Extension API I found another way to retrieve a favicon of a webpage that is using Chrome Extension…
-
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…
-
Display Browsing History in Edge Extension
I’m going to develop exactly same popup dialog as Microsoft Edge “History” popup. After researching, it seems the best way is to use the chrome.history API, so I decided to implement it using that! chrome.history API 1. Add permissions to manifest.json If you see the previous post, I already have my simple simple Edge Extension…
-
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 