LoginSignup
4
4

More than 5 years have passed since last update.

ChromeApp開発時に役立つ機能1

Posted at

Chromeで拡張機能を作ってる方々ならすでに知っているかもしれないが、
これから始める方はこれを覚えておくと非常に便利だという機能の紹介。
自分もついこの間知った。

Developer Tools(開発者ツール)

デバッグ中のアプリの適当なところを右クリックし、 要素を検証 で表示されるこのツール。
これならば以前の投稿でも触れたが、このツールのコンソールの部分でワンポイント。

このコンソール、何もアプリからのデバッグ目的で出力されるだけのページではない。
実は一番最後の > となっている箇所では、 入力してコード補完しつつjavascriptが実行できる のだ。
こんな感じ(一番下の行)。
win8_devcap007.PNG

画像の例では、Chrome Platform APIのchrome.storageを入力している。
公式のリファレンスのページを見ないとわからなかった機能の全てが、 ここで確認できる のだ。
さすがに機能の説明までは出ないようだが、名前だけでも想像できるメソッドやプロパティなら
ここに出てくるだけでも十分、理解・確認するのに活用できるだろう。

これから開発する方、作ってはいたけど知らなかったよ!という方はぜひとも
これを活用して開発をスムーズに進めましょう!

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4