aboutsummaryrefslogtreecommitdiff
path: root/files/ja/tools/view_source/index.html
blob: 08da65b55048541482f9d44ea0c075cd703aa6f6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
---
title: ソースを表示
slug: Tools/View_source
tags:
  - DevTools
  - Firefox
  - view page source
translation_of: Tools/View_source
original_slug: View_source
---
<div>{{ToolsSidebar}}</div><p>ソース表示機能を使用して、表示しているページの HTML や XML を閲覧できます。ソースを表示する方法は以下のとおりです:</p>

<ul>
 <li>ページ上でコンテキストクリックして、"<em>ページのソースを表示</em>" を選択する</li>
 <li>Ctrl+U または macOS で Cmd+U を押下する</li>
</ul>

<p>Firefox 42 より前のバージョンでは、ページのソースを表示する新しいウィンドウが開いていました。</p>

<p>Firefox 42 から、(新しいウィンドウに代わり) 新しいタブでソースを表示します。以前のウィンドウ表示を望む場合は、<code>about:config</code> を開いて設定項目 <code>view_source.tab</code><code>false</code> に設定してください。</p>

<p>Firefox 60 で設定項目 <code>view_source.tab</code> が削除されました ({{bug(1418403)}}) ので、ソース表示モードを切り替えできなくなりました。ソースは常に新しいタブで表示します。</p>

<h2 id="View_Source_features" name="View_Source_features">ソース表示で提供する機能</h2>

<p>ソース表示機能には 3 つの付加機能があり、Firefox 40 よりソース表示タブのコンテキストメニューからアクセスできます:</p>

<ul>
 <li>指定行へ移動</li>
 <li>長い行を折り返す (切り替え式)</li>
 <li>構文を強調表示 (切り替え式)</li>
</ul>

<p>構文のハイライト機能を有効にすると、パースエラーが発生した箇所を赤色で表示します。エラー箇所にマウスポインタを載せると、エラー内容を説明するツールチップを表示します。</p>

<p>キーボードで指定行へ移動するには、Mac では <kbd>Control</kbd> + <kbd>Option</kbd> + <kbd>L</kbd>、Windows や Linux では <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd> を押下してください。</p>

<h2 id="View_Selection_Source" name="View_Selection_Source">選択した部分のソースを表示</h2>

<p>Web ページの一部分を選択してコンテキストクリックすると、"選択した部分のソースを表示" というメニュー項目があります。これは "ページのソースを表示" と同様の機能ですが、選択した部分のソースだけを表示する点が異なります。</p>

<h2 id="View_MathML_Source" name="View_MathML_Source">MathML のソースを表示</h2>

<p><a href="/ja/docs/Web/MathML">MathML</a> 上にマウスポインタがある状態でコンテキストクリックすると、"MathML のソースを表示" というメニュー項目があります。この項目を選択すると、MathML のソースを確認できます。</p>

<h2 id="Limitations_of_View_Source" name="Limitations_of_View_Source">ソース表示の制限事項</h2>

<p>以下に、ソース表示が提供する機能について知っておくべき制限事項を挙げます。</p>

<h3 id="Error_reporter_≠_validator" name="Error_reporter_≠_validator">エラー報告機能は検証ツールではない</h3>

<p>ソース表示はパース処理のエラーを報告するだけであり、HTML の妥当性のエラーは<strong>報告しません</strong>。たとえば、{{HTMLElement("ul")}} 要素の子要素に {{HTMLElement("div")}} 要素を挿入することはパースエラーではありませんが、<strong>妥当な HTML でもありません</strong>。そのため、ソース表示ではこのエラーを報告しません。HTML が妥当かを確認したい場合は HTML 検証ツール、例えば <a href="http://validator.w3.org/" title="http://validator.w3.org/">W3C が提供するツール</a> を使用しましょう。</p>

<h3 id="Not_all_parse_errors_are_reported" name="Not_all_parse_errors_are_reported">報告されないエラーがある</h3>

<p>ソース表示で報告されたエラーはすべて HTML 仕様書に関するパースエラーですが、報告されないパースエラーもあります。下記のエラーは報告されません:</p>

<ul>
 <li>ドキュメントのエンコーディングに関して不正なバイトはエラー報告されません。</li>
 <li>禁止された文字はエラー報告されません。</li>
 <li>ファイルの終端 (end-of-file) に関するエラーは報告されません。</li>
 <li>(タグ、コメント、doctype に対する) テキストに関する木構造構築のエラーは報告されません。</li>
 <li><code>xmlns</code> 属性に関するパースエラーは報告されません。</li>
</ul>

<h2 id="XML_syntax_highlighting" name="XML_syntax_highlighting">XML 構文のハイライト</h2>

<p>ソース表示では、XML ソースのハイライト表示に HTML トークン化プログラムを使用します。トークン化プログラムは XML ソースのハイライト時にプロセッシングインストラクションをサポートしますが、それは XML 固有の機能のみ提供されます。このため、内部サブセットを持つ doctype やカスタムエンティティへの実体参照は正しくハイライト表示されません。</p>

<p>誤ったハイライト表示は、(XUL ドキュメントのような) Firefox の chrome ファイルのソースを表示すると見ることができます。しかし実際のところ、典型的な XML ファイルを閲覧する際は問題にならいでしょう。</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="http://hsivonen.iki.fi/view-source/" title="http://hsivonen.iki.fi/view-source/">HTML5 Parser-Based View Source Syntax Highlighting</a> (Blog post)</li>
</ul>