技術とかの雑なToday I Learnedメモ

create linkを入れた、拡張機能開発をやっている

create link という拡張機能を入れた

これ

ページのリンクをマークダウンに貼りたいときにいちいち[]にタイトルをコピーして入れて()にリンクをコピーして入れて、とやっていたんだけど、こいつをインストールしてコピーしたいページで markdown の項目をポチとやるだけでよくなったので便利。

タイトルも記事のタイトルとサイト名を両方いい感じにコピーしてくれるのでありがたい。

Chrome 拡張作ってる最中

今日中に作り終える予定だったんだけど、思いの外時間が取れなくてまだ序盤でごちゃごちゃやってる感じになっている。

雑にメモを取りながらやっているのでメモだけ置いておく。

ひとまず参考にしている記事

以下雑メモ

  • 公式ドキュメントを DeepL しつつ他の記事を見たりしてやっている
  • 去年までの記事だとmanifest.jsonの”manifest_version”は 2 だけど、Google の公式ドキュメントによれば Chrome v88 から v3 が使えるようになったらしい
    • 自分の Chrome が(最新版で)91 だったのでとりあえず v3 で作り始める
  • browser_actionpage_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じゃ実現できなさそう……?