tweeeetyのぶろぐ的めも

アウトプットが少なかったダメな自分をアウトプット<br>\(^o^)/

chrome extensions

【chrome extensions】Google Chrome拡張機能の作り方③ - backgroundスクリプト、contentスクリプト、popupスクリプト、webページ内のjavascriptの読み込まれる順番

はじめに chrome extensionsは簡単に作れますが、 いっちばんはじめに作った際にどういう順番で処理が動いてるのか把握しにくかったのでそのへんをメモ。 導入編、デバッグ、処理のながれという感じで下記記事にまとめてあります。 【chrome extensions】Goo…

【chrome extensions】Google Chrome拡張機能の作り方② - デバッグの方法(console.log)

はじめに 前回は簡単なひな形とともにchrome extensionsの導入を説明してみました。 【chrome extensions】Google Chrome拡張機能の作り方① - ひな形も置いておく manifest.jsonやbackground.jsなどの機能については 他サイトでも結構説明がありますが、デバ…

【chrome extensions】Google Chrome拡張機能の作り方① - 導入編からのひな形も置いておく

はじめに chrome extensionsはけっこう前から作っていたんですが、 せっかくなので作り方の流れとひな形を残しておくメモ。 結構いまさら感もあるネタですね。 ながれ chrome extensionsとは chrome extensions作る chrome extensions使う 1は手抜きでwikiさ…

chrome extensionsでエラー、動かない とかのパターン例

はじめに chrome extensionsをやってみてるんですが、特にむずかしいって感じはしないのに動かないと勝手が違うので焦ります 最初にハマりそーなパターンをとりあえずメモ alertでExtension error(manifest.json系) 無駄にカンマで終わってる 言語よってハッ…

chrome extensionsで使うアイコンのサイズ整理

はじめに chrome extensionsで機能拡張を作るときアイコンをいくつか用意するけどなんかサイズがいろいろあってよくわからん。 合ってるかわからないけど、調べてみたパターンをメモっておきます アイコンパターン サイズ順ではなく用途でまとめてます icon…

chrome extensionsの登録〜実行してみる

はじめに chrome extensionでやりたいことがあったのでテストでサンプルを作ってみました →contextMenusを使ってみるテスト1 こちらはソースしかないので、これを例に登録〜実行するまでもメモっておきます ながれ 1.フォルダとファイルを用意 2.chromeの拡…

chrome extensionsでcontextMenusを使ってみるテスト1

はじめに chrome extensionsでcontextMenusを使ってみます。 contextMenusは右クリック押したら出るアレです(説明適当ですみません何かお題がないとやりにくいのでとりあえず 「どっかのwebページで右クリック押したら、 とあるメニューが出てそれ押すと新…