ホームページ > 記事 > ウェブフロントエンド > Web Inspector: Sublime Text での Js のデバッグ入門_基礎知識
Sublime Text は、美しいユーザー インターフェイスと、コードのサムネイル、複数選択、ショートカット コマンドなどの強力な機能を備えた優れたクロスプラットフォーム エディターです。キー バインド、メニュー、ツールバーもカスタマイズできます。 Sublime Text の主な機能には、スペル チェック、ブックマーク、完全な Python API、Goto 関数、インスタント プロジェクト切り替え、複数選択、マルチ ウィンドウなどが含まれます。
さらに、Sublime Text には多くのプラグインがあり、パッケージ管理ツールを通じて簡単にインストールおよび管理できます。この記事で紹介する Sublime Web Inspector は、多くのプラグインの中でも優れた開発支援プラグインで、Web 開発者が Sublime Text で JavaScript コードを直接デバッグするのに役立ちます。
Sublime Web Inspector の主な機能は次のとおりです。 ブレークポイントエディターでは、ブレークポイントを設定および削除できます。
コンソールレベルごとに並べ替えられたすべてのコンソール メッセージを表示します。
インタラクティブ性name:line
領域をクリックしてファイルとコード行に移動し、Object
をクリックしてオブジェクトのプロパティを追加します。
ブレークポイントでは、実行中のコードのスタックとすべての変数 (ローカル、グローバル、クロージャ) が表示されます。
選択したコード スニペットを実行しますFirebug と同様の監視機能を追加します。