a11y.skipToMainContent
1

HTML/CSS/JS Sandbox

HTML, CSS ve JavaScript'i üç sekme editöründe yazın ve anında canlı bir önizleme görün. Prototyping, öğretim veya hızlı deneyler için harika.

Preview

Was this tool helpful?
Send output to:
Advertisement

How to use HTML/CSS/JS Sandbox

  1. HTML sekmede, CSS sekmede ve JS'yi JS sekmede yazın veya yapıştırın.
  2. Auto-run'u görmek için değişiklikleri sizin türüniz olarak yaşamak veya önizlemeyi manuel olarak yenilemek için tıklayın.
  3. Deney ve iterate - iframe sandbox kodunuzu izole tutar.
  4. HTML'yi bir standalone dosyası olarak kurtarmak için indirin.

What is HTML/CSS/JS Sandbox?

Bu kumbox HTML, CSS ve JS'i tek bir belgeye birleştirir ve bir blob URL kullanarak kum kutuya koyar. Otomatik sürüm güncellemeleri otomatik olarak (ortalama 500ms) Auto-run toggle bittiğinde veya Run tıkladığınızda manuel olarak yapılır. Tüm yürütme iframe'te izole edilir - kumbox'ta senaryo ebeveyn sayfasına erişemez.

Resimler arasında geçiş yapmak için sekmeleri kullanın. İşinizi bir standalone HTML dosyası olarak indirin. Varsayılan örnek tamamen değiştirebileceğiniz veya değiştirebileceğiniz basit bir karşı uygulamadır.

Advertisement

FAQ

KodPen veya JSFiddle gibi mi?
Hafif bir müşteri tarafı alternatiftir. Hesap yok, sunucu yok, bir adım inşa etmiyor. Sadece kod yaz ve sonucu anında görün. Birden çok dosyayı içeren karmaşık projeler için CodePen veya StackBlitz daha iyi seçeneklerdir.
Reaktör gibi dış kütüphaneleri kullanabilir miyim?
Evet - HTML'nizde CDN bağlantıları içerir (örneğin <code><script src="https://unpkg.com/react/umd/react.js”></code> sandbox, HTML, CSS ve JS panellerine koyduğunuz her şeyi gerçekleştirir.
Benim kodum kurtarıldı mı?
Hayır. Her şey tarayıcınızda çalışır. Çalışmanızı yerel olarak kurtarmak için Download HTML düğmesine kullanın. server-side depolama yoktur.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement