HTMLプレビュー — 無料オンラインHTMLプレビューツール

デバイスサイズシミュレーション付きのライブHTMLプレビュー。分割表示・コード表示・プレビュー専用の3モード。5種類のテンプレート。ファイルを開く・ダウンロードに対応。

無料で使う →

機能

ライブプレビュー

入力・貼り付けと同時にHTMLをリアルタイムレンダリング。保存不要。

📱

デバイスサイズ

デスクトップ・タブレット・モバイルのビューポートをシミュレートしてレスポンシブを確認。

🖥️

3つの表示モード

分割(横並び)・コードのみ・プレビューのみから作業スタイルに合わせて選択。

📄

5種類のテンプレート

空白・ブログ・ダッシュボード・ランディング・ポートフォリオのHTMLテンプレートから始められます。

📂

開く & ダウンロード

ローカルのHTMLファイルを直接開いたり、プレビューをHTMLファイルとしてダウンロードできます。

🔒

プライバシー優先

サンドボックスiframe内でプレビュー。外部リソースの読み込みはありません。

使い方

1

HTMLを入力または貼り付け

HTMLを直接入力するか、クリップボードから貼り付けるか、テンプレートを読み込みます。

2

表示モードを選択

分割・コードのみ・プレビューのみの3モードから選びます。

3

レスポンシブをテスト

デバイスサイズボタンを切り替えてデスクトップ・タブレット・モバイルでの見た目を確認。

4

保存

HTMLファイルをダウンロードするか、別のファイルを開きます。

よくある質問

ライブプレビューはどう機能しますか?
HTMLはsrcdocを使ってサンドボックスiframe内にレンダリングされます。キーストロークごとに即時更新され、サーバーへの通信は不要です。
レスポンシブデザインをテストできますか?
はい。デバイスサイズボタンで一般的なビューポート幅をシミュレートします:デスクトップ(1200px)・タブレット(768px)・モバイル(375px)。
外部リソースは読み込まれますか?
プライバシー保護のため、外部CSS・JS・画像・フォントはデフォルトでブロックされています。必要に応じて設定から外部リソース読み込みを有効にできます。
どのテンプレートが使えますか?
5種類のスターターテンプレート:空白(Empty)・ブログ(記事レイアウト)・ダッシュボード(サイドバーレイアウト)・ランディング(ヒーロー+機能)・ポートフォリオ(画像グリッド)。
HTMLはサーバーに送信されますか?
いいえ。すべてのレンダリングはブラウザ内でローカルに行われます。HTMLがデバイスから外に出ることはありません。

← pudone! ホームへ戻る