オンラインHTMLエディター

プレビューはスクリプトが許可されているがオリジン共有アクセスが無効化されたサンドボックス化されたiframe内で実行されるため、プレビュー内のコードはこのページ、クッキー、ローカルストレージを読み取ったり変更したりできません。それでもそのサンドボックス内では、他のウェブページと同様にJavaScriptを自由に実行したり、アラートボックスを開いたり、ネットワークリクエストを行うことができるため、信頼できないソースから貼り付けたコードは、新しいブラウザタブで実行するのと同様の注意を払って扱ってください。

このツールは、CSSをドキュメントのhead内の<style>タグで囲み、HTMLを直接bodyに配置し、JavaScriptをbodyの末尾の<script>タグに追加します。これは典型的な単一ページのHTMLドキュメントと同じ構成で、その結合されたドキュメントをプレビューに読み込みます。

はい、「.htmlとしてダウンロード」ボタンは、プレビューに表示されているのと同じ結合されたドキュメントを単一のindex.htmlファイルとして保存し、ブラウザで直接開いたり、ウェブサーバーにアップロードしたりできる状態にします。

はい、3つのパネルのいずれかで入力を止めた少し後にプレビューが自動的に更新されるため、別の実行ボタンをクリックせずに変更の効果を確認できます。

プレビューは実際の独立したブラウザドキュメントであるため、console.logの出力はこのページではなく、そのドキュメント自身のコンソールに送られます。コンソール出力を確認するには、ブラウザの開発者ツールを開いてプレビューiframeのコンテキストを選択してください。または、代わりにすぐに目に見える確認のためにalert()を使用してください。