ホームページ  >  記事  >  ウェブフロントエンド  >  Web Inspector: Sublime Text での Js のデバッグ入門_基礎知識

Web Inspector: Sublime Text での Js のデバッグ入門_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:36:322217ブラウズ

Sublime Text は、美しいユーザー インターフェイスと、コードのサムネイル、複数選択、ショートカット コマンドなどの強力な機能を備えた優れたクロスプラットフォーム エディターです。キー バインド、メニュー、ツールバーもカスタマイズできます。 Sublime Text の主な機能には、スペル チェック、ブックマーク、完全な Python API、Goto 関数、インスタント プロジェクト切り替え、複数選択、マルチ ウィンドウなどが含まれます。

さらに、Sublime Text には多くのプラグインがあり、パッケージ管理ツールを通じて簡単にインストールおよび管理できます。この記事で紹介する Sublime Web Inspector は、多くのプラグインの中でも優れた開発支援プラグインで、Web 開発者が Sublime Text で JavaScript コードを直接デバッグするのに役立ちます。

Sublime Web Inspector の主な機能は次のとおりです。

ブレークポイント

エディターでは、ブレークポイントを設定および削除できます。

コンソール

レベルごとに並べ替えられたすべてのコンソール メッセージを表示します。

インタラクティブ性

name:line 領域をクリックしてファイルとコード行に移動し、Object をクリックしてオブジェクトのプロパティを追加します。

デバッガ

ブレークポイントでは、実行中のコードのスタックとすべての変数 (ローカル、グローバル、クロージャ) が表示されます。

選択したコード スニペットを実行します

Firebug と同様の監視機能を追加します。

Sublime Text 2 ダウンロード Sublime Web Inspector

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。