t-log

Chromeの右クリックメニューを追加

Discord Chrome拡張機能 開発

Chrome拡張機能を使って、閲覧中のサイトのURLをDiscordに送信する右クリックメニューを作成した。

{
    "manifest_version": 3,
    "name": "Discordに送信",
    "version": "1.0",
    "background": {
        "service_worker": "event.js"
    },
    "permissions": [
        "contextMenus"
    ],
    "host_permissions": [
        "https://discord.com/*"
    ]
}
event.js
'use strict';


{
    chrome.runtime.onInstalled.addListener(() => {
        const discord = chrome.contextMenus.create({
            id: 'discord',
            title: 'Discordに送る',
        });
    });


    const WEBHOOK_URL = "WebhookのURL"
    //ここはLINEでもSlackでもお好みで…


    chrome.contextMenus.onClicked.addListener(item => {
        if (item.menuItemId === 'discord') {
            const payload = {
                content: item.pageUrl
            };
            fetch(WEBHOOK_URL, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(payload)
            })
        }
    });
}

結構便利かも。