DEV Community

Sem
Sem

Posted on • Originally published at semihcelikol.com

Firefox Add-Ons - Search on Twitter

#javascript #firefox

Hi,
I develop Firefox Add-Ons(extension) tool, selected text > right click > search on twitter

Add-Ons Link: https://addons.mozilla.org/tr/firefox/addon/search-onn-twitter/

Github link: https://github.com/semihcelikol/searchOnTwitter

Manifest.json

    {
        "manifest_version": 2,
        "name":"Search on Twitter",
        "description": "Selected text Search on Twitter",
        "version": "1.0",
        "author": "Semih Çelikol",
        "homepage_url": "http://semihcelikol.com",
        "icons": {
            "48": "icons/icon48.png",
            "64": "icons/icon64.png",
            "96": "icons/icon96.png"
        },
        "permissions": ["contextMenus"],
        "background": {
            "scripts": [
                "background.js"
            ]
        }
    }
Enter fullscreen mode Exit fullscreen mode

background.js

    browser.contextMenus.create({
        id: "tts",
        title: "Search on Twitter",
        contexts: ["selection"]
    });

    browser.contextMenus.onClicked.addListener(contextMenuAction);

    function contextMenuAction(info, tab){
        const url = "https://twitter.com/search?q="+ info.selectionText+ "&src=typed_query";

        browser.tabs.create({url:url});
    }
Enter fullscreen mode Exit fullscreen mode

See more: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items

Top comments (0)

Read next

bladearya profile image

Implementing Redux in Next.js (App Router): A Comprehensive Guide

Amit Kumar Rout -

hugaidas profile image

Bug of the month: Cannot convert a BigInt value to a number

Victoria -

dev_dcpushpa profile image

Step-by-Step Angular 17 & .NET 8: Build a Secure Auth App (FREE Course)

Pushpa Raj Dangi -

sh20raj profile image

Fix code . command not working | Visual Studio Code

Sh Raj -