WebStorm debug JS例

1.まずWebStromをインストールし、ChromeブラウザでLive Editプラグインを構成します.詳細については、http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e.
2.WebStromを実行し、Webプロジェクトを作成します.
3.indexを修正する.htmlファイルは次のとおりです.

    JavaScript        HTML     ：



    cars=["BMW","Volvo","Saab","Ford"];
    for (var i=0;i<cars.length;i++)
    {
        document.write(cars[i] + "<br>");
    }



         HTML        document.write。
                 （      ），       。

4. ブレークポイントを設定し、indexを選択します.htmlファイル、右クリックメニューからdebugを開きます.デバッグ画面は次の図のようになります.

5.Chromeの実行結果を下図のように示します.