Journey of learning

Tag: chrome

  • How to get browsing history using chrome.history.search()

    —

    by

    truth7c
    in

    In this post, I will introduce you how to use chrome.history.search() method to retrieve the browser history in Browser Extension. Manifest First, You need to declare “history” permission into your manifest.json file.For example, Chrome.history.search() method Chrome.history.search() method has two parmeters. You can get your desired history by using the query parameter. chrome.history.search( query: object, callback?:…

  • How to create Side Panel with Chrome Extension

    —

    by

    truth7c
    in

    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 send a message to another part of the browser extension – asynchronously

    —

    by

    truth7c
    in

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

  • How to Overlay a Custom SVG Image on a Favicon

    —

    by

    truth7c
    in

    Hello! Let me introduce an app I created as a browser extension that overlays a custom SVG image (a pink square image) on a fetched favicon to display it as a new favicon. 1. Required files and Prerequisites I’m using a svg.js library to manage svg images. Please see the previous post to see how…

  • Highlight Tabs with Edge Extension

    —

    by

    truth7c
    in

    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…

  • Display Browsing History Icon (Favicon) in Edge Extension – Chrome Extension API –

    —

    by

    truth7c
    in

    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…

  • How to Develop Microsoft Edge extensions

    —

    by

    truth7c
    in

    First, I decided to learn about the general development process for Microsoft Edge extensions, which is the type of app I want to develop. References Overview of Microsoft Edge Extensions Microsoft Edge Add-ons Developer General development process The general process from development to publishing for Microsoft Edge extensions is as follows. I’ve learned that development…

  • What Needs to Be Done

    —

    by

    truth7c
    in

    I’ve decided to develop a browser extension that would be incredibly useful for software developers. However, the moment I actually tried to start, I realized just how much I didn’t know. So, my first step was to list out all the things I need to figure out. Things I Don’t Understand Yet Seeing it all…