はじめに 最近はコーディングする機会がなかなかないので、気分転換兼ねてブラウザの拡張機能を開発してみました。 理解に重きを置くのではなく、まずは作ってみたという感じです。 対象 ブラウザの拡張が作りたい人 とりあえず動かしたい人 参考サイト ゼロからはじめる Microsoft Edge 用の拡張の作り方 拡張機能の開発 開発 今回はブラウザーのコンテキストメニュー(右クリックメニュー) に項目を追加しました。 Qiitaなどでリンクを貼るときにURLとタイトルをコピーするのが面倒だったので、 文字を選択範囲してメニューを選ぶとMarkDownのリンク形式でクリップボードにコピーするという機能です。 必要なもの 最低限必要なファイルは以下の2つのみ。 manifest.json background.js manifest.jsonを作成 拡張機能に関する情報を記載したファイル { "na
![ブラウザの拡張機能を自作してみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/043733ac3c5653c249d5c719b56bc996a529bab2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUFFJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU4JTg3JUFBJUU0JUJEJTlDJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz01ZjFiMjE0NjllYTNjMGI5YTI1YzE2YTIzZjk4NmZlZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtX2hhbWExMjMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA5OWQwMzk3ZDEyZjNjOTNhOTBjYzMwYmIzNTc5Yzcz%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8f13f1f411d81df448d05ad213e0caf0)