HTML・CSS・JSコードプレビュー・保存ツール｜Code Preview & Exporter

使い方ガイド

• コードの入力：HTML、CSS、JavaScriptそれぞれのエリアにコードを入力します。
• プレビュー表示：HTMLとCSSは入力中に自動保存され、プレビューにも反映されます。HTML内のスクリプト・イベント処理を含むJavaScriptは、「JavaScriptを実行」にチェックを入れて「プレビュー更新」を押した場合だけ動作します。入力中と再読み込み時は実行しません。画面サイズボタンでプレビューの横幅を切り替えられます。
• プレビューの制限：プレビューは隔離された領域で動きます。親ページ、Cookie、保存領域、ポップアップ、フォーム送信、alert・confirm・promptは利用できません。無限ループなどを実行すると、プレビューだけでなくアプリを開いているブラウザータブ全体が応答不能になる場合があります。信頼できるコードだけ実行してください。
• 別タブで開く：「JavaScriptを実行」のチェック状態に応じて、JavaScriptを含めるか切り替えたページを親ページから隔離した新しいタブで開きます。スクリプトを実行してタブが応答しなくなった場合は、そのタブを閉じてください。
• HTML保存：「JavaScriptを実行」のチェック状態に応じて、JavaScriptを有効または無効にしたHTMLファイルをダウンロードします。有効にしたファイルは通常のHTMLとしてスクリプトが動作するため、信頼できるコードだけ保存・実行してください。
• 自動保存機能：入力したコードはブラウザに自動的に保存されるため、ページをリロードしてもそのまま再開できます。