From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/tools/web_console/rich_output/index.html | 75 +++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 files/ja/tools/web_console/rich_output/index.html (limited to 'files/ja/tools/web_console/rich_output') diff --git a/files/ja/tools/web_console/rich_output/index.html b/files/ja/tools/web_console/rich_output/index.html new file mode 100644 index 0000000000..385586dd91 --- /dev/null +++ b/files/ja/tools/web_console/rich_output/index.html @@ -0,0 +1,75 @@ +--- +title: 高度な出力 +slug: Tools/Web_Console/Rich_output +translation_of: Tools/Web_Console/Rich_output +--- +
{{ToolsSidebar}}

ウェブコンソールでオブジェクトを出力する際は、オブジェクト名だけでなく、より高度な情報も表示します。特に、以下のような情報です:

+ + + +

型に固有の高度な出力

+ +

ウェブコンソールでは以下のように、さまざまなオブジェクト型について高度な情報を提供します:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Object
Array
Date
Promise +
+

Firefox 36 の新機能

+
+ +

+
RegExp
Window
Document
Element
Event
+ +

オブジェクトのプロパティを調査

+ +

オブジェクトをコンソールに出力すると、斜体で表示します。それをクリックすると、オブジェクトの詳細情報を表示している新たなパネルが現れます:

+ +

Esc を押下すると、このパネルを閉じます。

+ +

DOM ノードのハイライト表示と調査

+ +

コンソールに出力された DOM 要素にマウスポインターを乗せると、そのノードをページ上でハイライト表示します:

+ +

上のスクリーンショットでは、コンソールの出力領域でノードの隣に "標的" のアイコンがあります。このアイコンをクリックすると、そのノードを選択した インスペクター に切り替わります。

-- cgit v1.2.3-54-g00ecf