HTML ファイルを実行せずにプレビューする
.html、.htm、または .xhtml ファイルはプレビュー タブで開くことができます。 GitTree はコンピュータ上でそれを解析し、スクリプト、フレーム、その他のアクティブ コンテンツを削除し、残りをネットワークのないサンドボックス フレームに表示します。インライン スタイルと data: 画像はそのまま残すことができます。プレビューではページは実行されません。
GitTree で無料で動作: すべてのローカル Git 機能。アカウントは必要ありません。
始める前に
- プレビューは無料プランの一部です。ファイルは開いているリポジトリ内にあるか、そのパスの作業コピーです。
- ページを実行するのではなく、ページを読みたいのです。スクリプトまたはネットワークに依存するページは不完全に見えます。これはサンドボックスであり、リポジトリのロードの失敗ではありません。
どこで見つけられますか
- ファイルブラウザからファイルを開きます。
.html、.htm、または.xhtmlで終わるパスは、Markdown と同様にプレビューとして開くことができます。 - Open Preview ファイルのメニューで提供されます。
| アクション | macOS | WindowsとLinux |
|---|---|---|
| ファイルリストに焦点を当てる | ⌘⇧E | Ctrl+Shift+E |
ステップ
ファイルを開く
ファイルリストでページを開きます。 GitTree は、
.html、.htm、および.xhtmlを Markdown とともにプレビュー ファイルとして扱います。このタブには、ソースだけではなく、レンダリングされたページが表示されます。テキストが必要な場合は、ソース エディタに切り替えます。
このリストから HTML ファイルを開きます。プレビュー タブが次のビューです。静止画はファイルリストです。GitTree はデモ リポジトリとのインターフェイスです。 サンドボックス化されたページを読む
フレームのポリシーは
default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:です。スクリプト、base、リフレッシュ メタ、iframe、フレーム、オブジェクト、埋め込み、アプレット、ポータルは、フレームがドキュメントを認識する前に削除されます。リモート画像が読み込まれていません。リポジトリ内の別のファイルを指すスタイルシート リンクは、最大 64 個のアセットまでインライン化できます。ページが縮小されたときに通知する
スクリプトまたはリモート コンテンツが削除された場合、ページは縮小されたとマークされます。表示されるのは静的な剰余です。ファイルから離れたリンクは、GitTree がフレーム内で実行するナビゲーションではありません。ソースを開いて、削除された部分を読んでください。
ソースを編集してから再度プレビューする
エディターでファイルを変更し、プレビューを再度開きます。パーサーは、所有しているテキストに対して実行されます。ホストからページをフェッチしません。履歴に変更を加えたい場合は、コミットボックスからファイルをコミットします。プレビューはコミットされません。
期待される結果
このタブには、スクリプトやネットワーク アクセスを含まない、インライン スタイルとインライン ローカル アセットの静的ページが表示されます。リポジトリはプレビューでは変更されません。 「ソース」タブを使用して、フレームがタグを実行しない場合でも、予期したタグがまだファイル内に存在することを確認します。
削除されるもの
| 要素または参照 | 何が起こるのですか |
|---|---|
| スクリプト | 削除されました。走らない。 |
| iframe、フレーム、オブジェクト、埋め込み、アプレット、ポータル | 削除されました。ロードされません。 |
| ベースとメタのリフレッシュ | フレームを再ターゲットできないように削除されました。 |
| リモート画像またはフォントの URL | ロードされていません。データのみ (画像とフォント) が許可されます。 |
| リポジトリ内のスタイルシート | 最初の 64 個のアセットの 1 つである場合はインライン化されます。 |
ポリシーはページに書かれた内容よりも先に頭の中にあるものです。ページはそのポリシーを狭めることのみができ、広げることはできません。解析では、保持することを決定したアセットがプレビューに表示されるまで、ページは実行されず、ページに指定されたファイルも読み取られません。
HTMLとMarkdown
同じ「プレビュー タブで開く」ルールが、Markdown とこれらのページ拡張機能にも適用されます。 Markdown は Markdown としてレンダリングされます。 HTML はドキュメントとして解析され、サンドボックス化されます。 .html ファイルは Markdown レンダラーを介して渡されません。 ファイルを開いて編集する はエディターです。プレビューは追加のタブです。
git show HEAD:docs/index.html
git check-ignore -v docs/index.htmlgit show はコミットされたファイルを出力します。プレビューには、開いた作業コピーが表示されます。無視ルールでは、すでに追跡されているファイルは非表示になりません。 チュートリアル の差分の読み取りに関するレッスンでは、プレビューでは置き換えられないソースを比較する方法について説明します。
限界
各アセットは 1 回の読み取りで、ページには最大 64 個のパスが保持されます。過去のアセットは、取り込まれることなく、ページにあったままになります。非常に大きなページは、テキストごとに 1 回解析されます。アセットを埋めても、再度解析されることはありません。プレビューは意図的にオフラインになっています。スクリプトの実行とネットワークの呼び出しが許可されているブラウザとは一致しません。
何か問題が発生した場合
ページが空白であるか、レイアウトがありません。
スタイルはリモート シートまたはスクリプトから取得される場合があります。それらはロードされていません。 64 個のアセット制限内でリポジトリ内のスタイルをインライン化するか、ソースを読み取ります。
画像がありません。
リモート画像がブロックされます。リポジトリ内の画像は、アセット制限内のデータ: URL になると表示されます。ページが使用するパスを確認してください。リポジトリから離れるパスは削除されます。
ボタンは何もしません。
スクリプトは削除されました。プレビューでは実行されません。ページを実行する必要がある場合は、読み取ったファイルに対してのみ、信頼できるブラウザを使用してください。
プレビューがコミットされたファイルと一致しません。
あなたは作業コピーを見ています。 git show HEAD:path はコミットされたテキストを出力します。それらを一致させたい場合は、コミットまたは破棄します。
質問
プレビューでは JavaScript が実行されますか?
いいえ。スクリプト要素は削除され、フレームのポリシーによってdefault-srcがnoneに設定されます。ページは実行されません。
ネットワークから画像をロードしますか?
いいえ。img-src と font-src ではデータ: URL のみが許可されます。リポジトリ イメージは、アセット制限内にある場合、データとしてインライン化されます。
ページとして開く拡張機能はどれですか?
html、html、xhtml。 Markdown が Markdown プレビューで開きます。他のファイルはソースまたは差分として開きます。
ページはサンドボックスを緩めることができますか?
いいえ。フレーム ポリシーが最初に挿入されます。ページでは絞り込むことしかできません。メタ更新またはベース URL が削除されます。
HTML プレビューは Pro の機能ですか?
いいえ。これは無料プランの一部であり、アカウントは必要ありません。