何年かぶりにスーツを新調したら結構様式が変化していて驚いたtanakaです。 WebStorm/PhpStromのJavaScriptデバッガについては[PhpStorm/WebStorm]JavaScriptデバッガを使おう!で紹介しましたが、バージョン7にアップデートして試してみるといくつかの機能が追加されているようです。今日はその中で特に便利なElementsタブ機能を紹介します。 Elementsタブ:ブラウザで表示中のDOM/HTMLがエディタで見られる! JavaScriptデバッガの更新で、Elementsタブが一番の目玉みたいです。下の画像を見てください エディタの上半分はフォルダツリーとエディタ、下半分がデバッガで、ブラウザでレンダリングされたDOMとHTMLがElementsタブで見られるようになっています。このElementsタブ、いまはまだChromeでしか使えない
![WebStorm 7 の JavaScriptデバッガ:強力なElementsタブ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)