コード、データと QRツール

HTML プレイグラウンド

スクリプトや外部素材を使わず、文章、セマンティックなマークアップ、CSS レイアウトを試せます。幅を選び、整理した結果をコピーまたは保存します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

静的 HTML/CSS のみ対応し、JavaScript は実行しません。スクリプト、画像、埋め込みメディア、フォーム、外部リソース、移動用属性は削除またはブロックします。CSS は別の欄に入力してください。合計入力は UTF-8 で 200,000 バイトまで。保存内容は整理したプレビューとリソース制限を含みます。

静的プレビュー

使い方

使い方

  1. タイトル、HTML フラグメント、別の CSS 欄を編集します。
  2. プレビューを更新し、可変幅、モバイル幅、デスクトップ幅を選びます。
  3. リソース制限を含む整理した文書をコピーまたは保存します。

静的プレビューの制限

静的 HTML/CSS の実験場です。JavaScript、イベントハンドラー、フォーム、画像、埋め込みメディア、移動用属性、非対応要素は削除またはブロックします。スタイルは CSS 欄に入力してください。HTML 欄の style 要素は削除します。プレビューのポリシーは外部リソースとネットワーク要求をブロックします。

ローカル編集と整理した保存内容

編集、整理、コピー、保存はブラウザー内で行います。プレビューは権限を許可しない sandbox iframe を使います。保存した HTML は整理したフラグメント、CSS、厳しいリソース制限を含みます。元のソースではなく、サイトの公開も行いません。

よくある質問

あわせて知りたいこと

JavaScript や外部画像を利用できますか?

静的 HTML/CSS の実験場です。JavaScript、イベントハンドラー、フォーム、画像、埋め込みメディア、移動用属性、非対応要素は削除またはブロックします。スタイルは CSS 欄に入力してください。HTML 欄の style 要素は削除します。プレビューのポリシーは外部リソースとネットワーク要求をブロックします。

コードはアップロードまたは公開されますか?

編集、整理、コピー、保存はブラウザー内で行います。プレビューは権限を許可しない sandbox iframe を使います。保存した HTML は整理したフラグメント、CSS、厳しいリソース制限を含みます。元のソースではなく、サイトの公開も行いません。