HTML、CSS、JavaScriptコードを入力すると、その場でリアルタイムにプレビュー確認や別タブでの起動ができ、1つの統合されたHTMLファイルとしてダウンロードできる開発支援ツールです。
このツールは …回 使われています。
HTML
CSS
JavaScript
使い方ガイド
- コードの入力：HTML、CSS、JavaScriptそれぞれのエリアにコードを入力します。
- プレビュー表示：「プレビュー更新」ボタンを押すか、コード変更時の自動保存により、下部のプレビューエリアに入力内容が即座に反映されます。また、画面サイズボタンでプレビューの横幅を切り替えてレスポンシブ表示を確認できます。
- 別タブで開く：「別タブで開く」ボタンを押すと、入力したコードを結合した完全なページを新しいタブで表示し、全画面での動作やブラウザのデベロッパーツールを用いた検証が行えます。
- HTML保存：入力したHTML、CSS、JSを1つのファイル（CSSはスタイルタグ、JSはスクリプトタグとして自動埋め込み）に統合したHTMLファイルをローカルにダウンロードします。
- 自動保存機能：入力したコードはブラウザに自動的に保存されるため、ページをリロードしてもそのまま再開できます。
