Pengembang / HTML

Penampil HTML: Preview Langsung dalam Sandbox dengan CSS dan JavaScript

Tempel HTML dan CSS opsional untuk melihat preview langsung yang terisolasi. Aktifkan JavaScript secara eksplisit, buka preview dalam layar penuh, atau download file preview HTML.

Penampil HTML: Preview Langsung dalam Sandbox dengan CSS dan JavaScript: Merender source dalam frame sandbox dengan opaque origin. Script dinonaktifkan secara default. Kebijakan keamanan konten memblokir resource eksternal, permintaan fetch, formulir, dan halaman tersemat, tetapi tetap mengizinkan style inline dan gambar data. Metadata yang dapat me-refresh halaman, elemen base, serta konteks browsing tersemat akan dihapus. Hasil download tetap mempertahankan frame terisolasi. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools developer
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Penampil HTMLPemrosesan lokal

Berjalan sepenuhnya di browser Anda

Pratinjau ini terisolasi dari situs ini. Script dinonaktifkan secara default. Style, script, gambar, permintaan fetch, formulir, dan halaman tersemat dari luar diblokir; style inline dan gambar data diizinkan. Mengaktifkan script akan menjalankan kode yang Anda tempel di dalam pratinjau.

Pratinjau langsung

HTML yang didownload membuka pratinjau terisolasi yang sama. Tidak ada source yang disisipkan ke halaman ini.

Isolasi frame

Standar HTML WHATWG mendefinisikan pembatasan sandbox iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). Pratinjau ini tidak pernah memberikan allow-same-origin.

Pembatasan konten

Spesifikasi Content Security Policy W3C mendefinisikan pembatasan sumber daya (https://www.w3.org/TR/CSP3/). Pratinjau menerapkan kebijakan ketat sebelum markup yang diberikan. Wrapper yang didownload tetap mempertahankan batas sandbox.

Cara menggunakannya

  1. Tempel HTML serta CSS atau JavaScript opsional.
  2. Aktifkan script hanya jika Anda ingin kode yang ditempel dijalankan dalam preview terisolasi.
  3. Periksa preview langsung atau layar penuh, lalu download file preview dalam sandbox.

Privasi & batasan

Input dan file Anda diproses di browser. Tidak ada yang di-upload.

Alat terkait

HTML MinifierHTML ke JSXgenerator CSP

Pertanyaan umum

Apakah preview saya dapat mengakses cookie atau halaman situs ini?

Sandbox tidak memberikan akses same-origin. Kode yang ditempel tidak dapat membaca DOM atau penyimpanan situs ini. Script hanya berjalan jika Anda mengaktifkannya.

Mengapa gambar atau library eksternal tidak dimuat?

Preview lokal memblokir resource jarak jauh. Masukkan style dan script langsung ke editor, lalu gunakan data URL untuk gambar.

Apakah saya dapat menempel dokumen HTML lengkap?

Ya. Preview menerima dokumen lengkap maupun fragmen. Metadata dan konteks browsing tersemat akan dihapus, kebijakan keamanan konten sendiri akan diterapkan, lalu hasilnya dirender dalam frame terisolasi.

Apa isi file download?

File tersebut berisi file HTML yang membuka source Anda di dalam sandbox yang sama. Ini adalah file preview, bukan source yang ditempel langsung ke halaman biasa.

Alat gratis · berjalan di browser anda · tanpa perlu akun