Live Expressions を使用して JavaScript 値をリアルタイムで確認する
bookmark_borderbookmark
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
コンソールで同じ JavaScript 式を繰り返し入力している場合は、Live Expression を作成すると簡単に作成できます。ライブ式では、式を 1 回入力したら、コンソールの上部に固定できます。式の値はほぼリアルタイムで更新されます。
ライブ式を作成する
コンソールの上部に式を固定するには:
- コンソールを開きます。
[
Create Live Expression] をクリックします。[Live Expression] テキスト ボックスが表示されます。
テキスト ボックスに式を入力します。たとえば、ライブ式を使用して要素のフォーカスを追跡できます。
![[Live Expression] テキスト ボックスに「document.activeElement」と入力すると、](https://developer.chrome.com/static/docs/devtools/console/live-expressions/image/typing-documentactiveele-78f7cf4e4c2a3.png?hl=ja)
Enter キーを押して式を保存するか、[Live Expression] テキスト ボックスの外側をクリックします。
固定された式の下にある値がその結果です。結果は 250 ミリ秒ごとに更新されます。
複数の式を追加する
複数の式を並行して固定するには、
[Create Live Expression] ボタンを必要な回数だけクリックします。
固定された式は一度に複数しか表示されませんが、式のリストをスクロールするとすべての式を表示できます。
式を削除する
式を削除するには、式の横にある [
Close] ボタンをクリックします。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2019-04-18 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2019-04-18 UTC。"],[],[]]