From c6ee53cb136ad066a8d226c3336c037f595220f6 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 30 Jul 2021 13:37:37 +0900 Subject: conflicting/Tools/Debugger 以下は古い記事なので削除 (#1601) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/_redirects.txt | 4 +- files/ja/_wikihistory.json | 15 ----- .../tools/debugger/how_to/search/index.html | 70 ---------------------- .../how_to/set_watch_expressions/index.html | 48 --------------- 4 files changed, 2 insertions(+), 135 deletions(-) delete mode 100644 files/ja/conflicting/tools/debugger/how_to/search/index.html delete mode 100644 files/ja/conflicting/tools/debugger/how_to/set_watch_expressions/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 3057a89707..4d19ffcf64 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3362,8 +3362,8 @@ /ja/docs/Tools/CSS_Coverage /ja/docs/orphaned/Tools/CSS_Coverage /ja/docs/Tools/Debugger/How_to/Black_box_a_source /ja/docs/Tools/Debugger/How_to/Ignore_a_source /ja/docs/Tools/Debugger/How_to/Break_on_a_DOM_event /ja/docs/Tools/Debugger/Break_on_DOM_mutation -/ja/docs/Tools/Debugger/How_to/Examine,_modify,_and_watch_variables /ja/docs/conflicting/Tools/Debugger/How_to/Set_Watch_Expressions -/ja/docs/Tools/Debugger/How_to/Search_and_filter /ja/docs/conflicting/Tools/Debugger/How_to/Search +/ja/docs/Tools/Debugger/How_to/Examine,_modify,_and_watch_variables /ja/docs/Tools/Debugger/How_to/Set_Watch_Expressions +/ja/docs/Tools/Debugger/How_to/Search_and_filter /ja/docs/Tools/Debugger/How_to/Search /ja/docs/Tools/Debugger/Keyboard_shortcuts /ja/docs/orphaned/Tools/Debugger/Keyboard_shortcuts /ja/docs/Tools/Debugger/Limitations_of_the_new_debugger /ja/docs/orphaned/Tools/Debugger/Limitations_of_the_new_debugger /ja/docs/Tools/Debugger_(before_Firefox_52) /ja/docs/orphaned/Tools/Debugger_(before_Firefox_52) diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 0819bd037a..5bb1913e4b 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -48379,21 +48379,6 @@ "yyss" ] }, - "conflicting/Tools/Debugger/How_to/Search": { - "modified": "2020-07-16T22:35:10.949Z", - "contributors": [ - "wbamberg", - "yyss" - ] - }, - "conflicting/Tools/Debugger/How_to/Set_Watch_Expressions": { - "modified": "2020-07-16T22:35:13.080Z", - "contributors": [ - "wbamberg", - "yyss", - "SatoshiOhata" - ] - }, "conflicting/Tools/Memory/Basic_operations": { "modified": "2020-07-16T22:36:28.978Z", "contributors": [ diff --git a/files/ja/conflicting/tools/debugger/how_to/search/index.html b/files/ja/conflicting/tools/debugger/how_to/search/index.html deleted file mode 100644 index 314df5c651..0000000000 --- a/files/ja/conflicting/tools/debugger/how_to/search/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: 検索とフィルタ -slug: conflicting/Tools/Debugger/How_to/Search -translation_of: Tools/Debugger/How_to/Search -translation_of_original: Tools/Debugger/How_to/Search_and_filter -original_slug: Tools/Debugger/How_to/Search_and_filter ---- -
{{ToolsSidebar}}

ツールバーのスクリプトフィルタを使用して、デバッガ内にある項目を検索できます:

- -

- -

接頭辞をつけずに文字列を入力すると、ソースリストペインに一覧表示されているソースから検索します。

- -

いずれかの特殊文字による検索演算子を接頭辞として付加することで、さまざまな検索機能を提供します。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
接頭辞機能
なしソースリストペインに表示しているスクリプトの絞り込みを行います。
!すべてのファイルから文字列を検索します。
@すべてのファイルから、指定した文字列を含む関数定義を検索します。
# -

現在ソースペインで開いているファイルから文字列を検索します。

- -

検索した後に Enter キーを押下すると、マッチした箇所を巡ります。

-
:現在ソースペインで開いているファイルで、指定した行へ移動します。
*変数ペインに表示している変数の絞り込みを行います。
- -

これらのオプションは、フィルタ内をクリックしたときにポップアップ表示します。また、ソースペインのコンテキストメニューでもアクセスできます。

- -

接頭辞を組み合わせて、より強力な問い合わせが可能です。例えば:

- - - - - - - - - - - - -
file.js:12"file.js" を開いて 12 行目へ移動します。
mod#onLoadファイル名に "mod" を含むすべてのファイルから、文字列 "onLoad" を検索します。
diff --git a/files/ja/conflicting/tools/debugger/how_to/set_watch_expressions/index.html b/files/ja/conflicting/tools/debugger/how_to/set_watch_expressions/index.html deleted file mode 100644 index 549856b56e..0000000000 --- a/files/ja/conflicting/tools/debugger/how_to/set_watch_expressions/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: 変数を調査、編集、ウォッチする -slug: conflicting/Tools/Debugger/How_to/Set_Watch_Expressions -translation_of: Tools/Debugger/How_to/Set_Watch_Expressions -translation_of_original: Tools/Debugger/How_to/Examine,_modify,_and_watch_variables -original_slug: Tools/Debugger/How_to/Examine,_modify,_and_watch_variables ---- -
{{ToolsSidebar}}
-

この機能は、まだ新しいデバッガーでサポートしていません。現時点で必要である場合は、about:config で設定項目 "devtools.debugger.new-debugger-frontend" を false に設定して、古いデバッガーに戻すことができます。

- -

古いデバッガーのドキュメントは、デバッガー (Firefox 52 より前) をご覧ください。

-
- -

変数を調査する

- -

コードがブレークポイントで停止したときはデバッガーの 変数ペイン で、変数の状態を調査できます:

- -

- -

変数はスコープによってグループ化されます: Function スコープには user や greeting といった関数で定義したローカル変数はもちろん、ビルトインの arguments および this 変数も表示します。同様にグローバルスコープでは localStorage や console といったビルトインのグローバル変数だけでなく、greetme といった独自に定義したグローバル変数も表示します。

- -

それぞれのオブジェクトは三角印をクリックすると、プロパティを表示するように拡張できます。

- -

変数名にマウスポインターを重ねると、その変数に関する付加情報を提供するツールチップを表示します。これらのプロパティの意味について、詳しくは Object.defineProperty() をご覧ください。

- -

スクリプトフィルター で "*" 修飾子を使用するか、(デバッガーの設定 で有効にしている場合は) 変数フィルターボックスに入力することで、表示する変数をフィルターできます。

- -

{{EmbedYouTube("dxCvnixpM_Q")}}

- -

ソース内に存在する変数が JavaScript エンジンの最適化により削除されている場合は、変数ビューに変数を表示しますが値は (optimized away) となっており、編集ができません。以下のスクリーンショットでは、変数 upvar が最適化で削除されています:

- -

- -

変数を変更する

- -

コードがブレークポイントで停止したときに、デバッガーの 変数ペイン で変数を変更できます。変数の現在の値をクリックすると、そこに入力できるようになります:

- -

{{EmbedYouTube("FKG-jkvSpq8")}}

- -

式をウォッチする

- -

ウォッチ式は、実行が停止するたびに評価される式です。よって、これらの式の結果を調査できます。これらは、コード内で必ずしも調査を行える状態であるとは限らない不変量の調査ができる点が役に立ちます。"ウォッチ式を追加" と表示されているボックスをクリックして、コードをステップ実行したときに出力内容を監視したい JavaScript 式を入力することで、ウォッチ式を追加します。

- -

そして、コードの実行を開始します。コードのステップ実行を始めるまでウォッチ式は何も行いませんので、ブレークポイントに達するまでは何も起きません。ブレークポイントに達すると、アクティブな式とその値を表示するボックスが現れます:

- -

{{EmbedYouTube("CwGU-5wKRw0")}}

- -

コードをステップ実行して、値の変化に応じた式の結果をウォッチできます。値が変わるたびに、ボックスが一時的に黄色に光ります。式の隣にある "x" 印のアイコンをクリックすると、ウォッチ式を削除できます。またもちろん、ウォッチ式は同時に複数設定できます。

-- cgit v1.2.3-54-g00ecf