コードプレイグラウンド
ページから出ずにコードを試せます。
JavaScript コンソールモードは、ロックダウンされたサンドボックス内でスニペットを実行し、
console.log / warn / error の出力を色付きでストリーミングし返します。
HTML プレビューモードは HTML + CSS + JavaScript の完全なページをライブ描画し、ファイルとしてダウンロードできます。サーバーなし、アップロードなし — 壊れたスニペット(無限ループでさえ)は常に停止でき、ページの残りの部分には決して触れられません。関連ユーティリティ:
言語検出。
JavaScript コード
HTML + CSS + JavaScript
安全モデル。どちらのモードもスクリプトのみを許可する iframe sandbox 内で実行されます:同一オリジンアクセスなし、フォームなし、ポップアップなし、サンドボックス内からのダウンロードなし。つまりスニペットはこのページ、ローカルファイル、他のタブにはアクセスできません。JavaScript は隔離されたプロセスで走るため、停止は実行中のスニペットを中断してもこのページは応答を続けます。実行が異常に長い場合、ページは自動的に停止を提案します。真の無限ループは停止後もサンドボックスのプロセスを忙しく保つことに注意 — 次の実行で出力が出ない場合は、回復のためにページを再読み込みしてください。HTML プレビューのページをダウンロードは、ソースをローカルの .html ファイルとして保存します。
ブラウザーサンドボックスがコードを実行する仕組み
プレビューペインはサンドボックス化された iframe です:親ページの DOM や Cookie に到達できない、独立したブラウジングコンテキストです。スクリプトのコンソール出力はキャプチャされて反映され、dev tools を開かずにエラーが見えます — そしてすべてはサーバー上ではなく、ブラウザー内で実行されます。
サンドボックス化は見た目ではなくセキュリティ境界です — ここに貼り付けたコードは、このサイトや他のタブに触れられません。