イナヅマTVログ

ChromeのCanvas inspectionを有効にする方法、自己責任でね

| 0件のコメント

stackoverflowにChromeのCanvas Inspectorを有効にする方法がのってた。
http://stackoverflow.com/questions/9143209/html5-canvas-inspector/14466889#14466889

ChromeにCanvas Inspectorがあったなんて…
名称は”Canvas inspection”でしたけど。
開発中の機能なので何があっても知らないよっていう扱いらしいです。

locationに chrome://flags/ と入力。

英語表記の”Enable Developer Tools experiments”は下の方「デベロッパー ツールのテストを有効にする」を有効へ。
Chrome

Chrome 再起動。

デベロッパーツールを開く( command + option + i )

右下の「歯車アイコンをクリック」

左側の”Experiments”選択

Canvas inspectionをチェック
Chrome

これで”Canvas inspection”が有効になりました。
使用したいときは「デベロッパーツール」の”Profiles”タブで”Capture Canvas Frame”を選択し”Start”を押すだけ。

何も手がかりが無かった時より格段の進歩!
暗闇の中でコード書いてるようなもんだったCanvas開発に一筋の光がさした。
ちょっと大げさだった。
でもかなり助かる。

くれぐれも自己責任でお使い下さい。

コメントを残す