はてなブックマーク

sourceパネル sourceパネルはソースの参照・編集、ブレイクポイントの設定などを行うパネルです。 特にsourceパネルを開いているときはESCキーを押して下にconsoleパネルを 表示しておくと便利です。 Minifyされたファイルを整形できる jqueryなどのminifyされたソースも整形して表示・デバッグすることができます。 画面左下の**{ }**ボタンを押すと整形されます。 整形前 整形後 grepできる ロードされたソースから全文検索ができます。 「Ctrl+Shift+F」を押すとSearchパネルが現れますのでこの検索窓から検索を行います。 埋め込みのスクリプトに止める HTMLに埋め込まれたJavaScriptのデバッグをしたい場合、ソースファイルを開くことができないのでブレイクポイントの設定ができません。 このようなときにブレイクさせる方法を２つご紹介します