Tools/Web_Console を更新 (#1682)

2021/07/24 時点の英語版に同期

1 files changed, 24 insertions, 9 deletions

diff --git a/files/ja/tools/web_console/index.html b/files/ja/tools/web_console/index.html
index ab647c2924..c8e357c1eb 100644
--- a/files/ja/tools/web_console/index.html
+++ b/files/ja/tools/web_console/index.html
@@ -1,12 +1,14 @@
 ---
-title: Webコンソール
+title: ウェブコンソール
 slug: Tools/Web_Console
 tags:
+  - Debugging
   - Guide
   - Security
+  - Tools
   - Web Development
-  - 'Web Development:Tools'
-  - 'l10n:priority'
+  - Web Development:Tools
+  - l10n:priority
   - web console
   - ツール
   - デバッグ
@@ -14,11 +16,11 @@ translation_of: Tools/Web_Console
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p><strong>Webコンソールとは:</strong></p>
+<p><strong>ウェブコンソール</strong>とは、次のようなものです。</p>
 
 <ol>
- <li>ウェブページに関する情報、ネットワークリクエスト、JavaScript、CSS、セキュリティのエラーや警告のほか、ページ内で実行されている JavaScript コードによって記録されたエラー、警告、情報メッセージを記録できます。</li>
- <li>ページコンテキスト内で JavaScript の式を実行することにより、ウェブページと対話できます。</li>
+ <li>ウェブページに関連する情報 (ネットワークリクエスト、JavaScript、CSS、セキュリティ上のエラーや警告、ページのコンテキストで実行される JavaScript コードによって明示的に記録されるエラー、警告、情報メッセージ) を記録します。</li>
+ <li>ページのコンテキストで JavaScript の式を実行することにより、ウェブページと対話することができます。</li>
 </ol>
 
 <p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>
@@ -26,8 +28,8 @@ translation_of: Tools/Web_Console
 <div class="column-container">
 <div class="column-half">
 <dl>
- <dt><a href="/ja/docs/Tools/Web_Console/Opening_the_Web_Console">Webコンソールを開く</a></dt>
- <dd>Webコンソールを開く方法です。</dd>
+ <dt><a href="/ja/docs/Tools/Web_Console/UI_Tour">ウェブコンソールのユーザーインターフェイス</a></dt>
+ <dd>ウェブコンソールの UI の部分です。</dd>
  <dt><a href="/ja/docs/Tools/Web_Console/The_command_line_interpreter">コマンドラインインタープリター</a></dt>
  <dd>コンソールを使用してドキュメントと対話する方法です。</dd>
  <dt><a href="/ja/docs/Tools/Web_Console/Split_console">コンソールの分割</a></dt>
@@ -39,10 +41,23 @@ translation_of: Tools/Web_Console
 <dl>
  <dt><a href="/ja/docs/Tools/Web_Console/Console_messages">コンソールのメッセージ</a></dt>
  <dd>コンソールが記録するメッセージを詳しく説明します。</dd>
+ <dt><a href="/ja/docs/Tools/Web_Console/Helpers">ヘルパーコマンド</a></dt>
+ <dd>使用することができる、 JavaScript には含まれないコマンドです。</dd>
  <dt><a href="/ja/docs/Tools/Web_Console/Rich_output">高度な出力</a></dt>
  <dd>コンソールが記録したオブジェクトを確認して対話する方法です。</dd>
- <dt><a href="/ja/docs/Tools/Web_Console/Keyboard_shortcuts">キーボードショートカット</a></dt>
+ <dt><a href="/ja/docs/Tools/Keyboard_shortcuts#web_console">キーボードショートカット</a></dt>
  <dd>ショートカットのリファレンスです。</dd>
 </dl>
 </div>
 </div>
+
+<h2 id="Opening_the_Web_Console">ウェブコンソールを開く</h2>
+
+<p>ウェブコンソールは、メニューまたはキーボードショートカットから開きます。</p>
+
+<ul>
+ <li><strong>Firefox メニュー</strong> (またはメニューバーが表示されている場合や Mac OS X の場合は <strong>Tools</strong> メニュー) の<strong>ウェブ開発ツール</strong>サブメニューから<strong>ウェブコンソール</strong>を選択してください</li>
+ <li>キーボードショートカットの <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>K</kbd> (OS X では <kbd>Command</kbd>+<kbd>Option</kbd>+<kbd>K</kbd>) を押す。</li>
+</ul>
+
+<p>ウェブコンソールが有効になっていると、<a href="/ja/docs/Tools/Tools_Toolbox">ツールボックス</a>は、ブラウザーウィンドウの下、左、右の何れかに (ドッキング設定によって) 表示されます (<a href="/ja/docs/Tools/Tools_Toolbox#toolbar">開発者ツールバー</a>では単にコンソールと呼ばれています)。</p>