Tag: html
-
How to display multiple elements side by side in a list item – CSS
What I want to do I tried to display three elements (an icon, a title and a time) in each item in a list. Finally, I found I can use “display: flex” style in a list item so that the list displays these three elements side by side. In this post, I would like to…
-
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 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…
-
How to Create and Install Extension to Edge
In the previous post, I introduced how to create the manifest.json from installing the Visual Studio Code to required key for the manifest file. I’m following the instructions below. Tutorial part 1: Display an image in a pop-upPrevious post: How to Create manifest.json for Edge Extensions In this post, I will introduce how to create…
Journey of learning 