create link という拡張機能を入れた
ページのリンクをマークダウンに貼りたいときにいちいち[]にタイトルをコピーして入れて()にリンクをコピーして入れて、とやっていたんだけど、こいつをインストールしてコピーしたいページで markdown の項目をポチとやるだけでよくなったので便利。
タイトルも記事のタイトルとサイト名を両方いい感じにコピーしてくれるのでありがたい。
Chrome 拡張作ってる最中
今日中に作り終える予定だったんだけど、思いの外時間が取れなくてまだ序盤でごちゃごちゃやってる感じになっている。
雑にメモを取りながらやっているのでメモだけ置いておく。
ひとまず参考にしている記事
- Chrome 拡張の作り方 (超概要) - Qiita
- Chrome ブラウザの拡張機能を作ってみたい初心者向けに開発方法を紹介!【サンプルあり】 - Qiita
- Chrome 拡張の作り方まとめ - Qiita
- Chrome 拡張機能のマニフェストファイルの書き方 - Qiita
- Welcome - Chrome Developers
- Chrome の拡張機能作ってみた! | フューチャー技術ブログ
- Chrome の拡張機能を自作する - 虎の穴開発室ブログ
- Chrome 拡張の Overview of Manifest V3 を翻訳しました - Techtouch Developers Blog
以下雑メモ
- 公式ドキュメントを DeepL しつつ他の記事を見たりしてやっている
- 去年までの記事だと
manifest.json
の”manifest_version”は 2 だけど、Google の公式ドキュメントによれば Chrome v88 から v3 が使えるようになったらしい- 自分の Chrome が(最新版で)91 だったのでとりあえず v3 で作り始める
browser_action
とpage_action
というやつが統一されてaction_api
というやつになったらしい- browser_action => 全てのページに対してアクションを起こす
- page_action => 特定のページに対してアクションを起こす
- これらが統一されたので、特定のページに対してアクションを起こす場合は action_api の中でページの URL を判定すればいいということ?
- manifest.json の項目に
content_scripts
というやつがある- これを設定すると、ブラウザ上で表示されているページに対してスクリプトを挿入して DOM の取得や追加、編集、削除などができる
- match という項目で URL をホワイトリスト形式で指定して、マッチしたら js という項目に指定されたファイルの js が実行される、っぽい
- あらかじめ DL した jquery の min.js みたいなやつもいける
- 今回はツールバーの拡張機能一覧にあるアイコンを押して ON/OFF を切り替えたいので
content_scripts
じゃ実現できなさそう……?