यह CodePen या JSFiddle की तरह है?

यह एक हल्के ग्राहक-साइड विकल्प है। कोई खाता नहीं, कोई सर्वर नहीं, कोई बिल्ड स्टेप नहीं। बस कोड लिखें और तुरंत परिणाम देखें। कई फाइलों के साथ जटिल परियोजनाओं के लिए, CodePen या StackBlitz बेहतर विकल्प हैं।.

क्या मैं रिएक्ट जैसे बाह्य पुस्तकालयों का उपयोग कर सकता हूँ?

हाँ - अपने HTML में CDN लिंक शामिल (जैसे ). सैंडबॉक्स जो भी आप एचटीएमएल, सीएसएस और जे एस पैनलों में डाल निष्पादित करता है।.

क्या मेरा कोड बचा है?

नहीं सब कुछ आपके ब्राउज़र में चलता है। स्थानीय रूप से अपने काम को बचाने के लिए डाउनलोड HTML बटन का उपयोग करें। कोई सर्वर-साइड स्टोरेज नहीं है।.

HTML/CSS/JS सैंडबॉक्स

HTML, CSS और जावास्क्रिप्ट को तीन टैब वाले संपादकों में लिखें और तुरंत लाइव पूर्वावलोकन देखें। प्रोटोटाइपिंग, शिक्षण, या त्वरित प्रयोगों के लिए महान।.

Auto-run

HTML

Preview

Was this tool helpful?

Send output to:

How to use HTML/CSS/JS Sandbox

HTML टैब में HTML लिखें या पेस्ट करें, CSS टैब में सीएसएस और JS टैब में JS।.
Toggle ऑटो रन के रूप में आप प्रकार में परिवर्तन लाइव देखने के लिए, या मैन्युअल रूप से पूर्वावलोकन ताज़ा करने के लिए रन क्लिक करें।.
प्रयोग और iterate — iframe sandbox अपने कोड को पृथक रखता है।.
अपने काम को एक स्टैंडअलोन फ़ाइल के रूप में सहेजने के लिए HTML डाउनलोड करें।.

HTML/CSS/JS सैंडबॉक्स क्या है?

यह सैंडबॉक्स आपके एचटीएमएल, सीएसएस और जेएस को एक एकल दस्तावेज़ में जोड़ती है और इसे ब्लब यूआरएल का उपयोग करके सैंडबॉक्सड iframe में प्रस्तुत करती है। जब ऑटो रन टॉगल चालू होता है, या मैन्युअल रूप से जब आप रन पर क्लिक करते हैं, तो पूर्वावलोकन स्वचालित रूप से (500ms) अद्यतन करता है। सभी निष्पादन आईफ्रेम में पृथक है - सैंडबॉक्स में कोई स्क्रिप्ट माता-पिता पृष्ठ तक पहुंच सकती है।

संपादकों के बीच स्विच करने के लिए टैब का उपयोग करें। अपने काम को एक स्टैंडअलोन एचटीएमएल फ़ाइल के रूप में डाउनलोड करें। डिफ़ॉल्ट नमूना एक सरल काउंटर ऐप है जिसे आप पूरी तरह से संशोधित या बदल सकते हैं।

FAQ

यह CodePen या JSFiddle की तरह है?: यह एक हल्के ग्राहक-साइड विकल्प है। कोई खाता नहीं, कोई सर्वर नहीं, कोई बिल्ड स्टेप नहीं। बस कोड लिखें और तुरंत परिणाम देखें। कई फाइलों के साथ जटिल परियोजनाओं के लिए, CodePen या StackBlitz बेहतर विकल्प हैं।.
क्या मैं रिएक्ट जैसे बाह्य पुस्तकालयों का उपयोग कर सकता हूँ?: हाँ - अपने HTML में CDN लिंक शामिल (जैसे <code><script src="https://unpkg.com/react/umd/react.development.js"></code>). सैंडबॉक्स जो भी आप एचटीएमएल, सीएसएस और जे एस पैनलों में डाल निष्पादित करता है।.
क्या मेरा कोड बचा है?: नहीं सब कुछ आपके ब्राउज़र में चलता है। स्थानीय रूप से अपने काम को बचाने के लिए डाउनलोड HTML बटन का उपयोग करें। कोई सर्वर-साइड स्टोरेज नहीं है।.

Related tools

Author

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.

📖 HTML/CSS/JS Sandbox on Wikipedia·Developer Tools on Wikipedia·HTML/CSS/JS Sandbox on Britannica

People also use

← Back to Developer Tools · All tags

Last updated: 2026-06-04

HTML/CSS/JS सैंडबॉक्स

Something went wrong

How to use HTML/CSS/JS Sandbox

HTML/CSS/JS सैंडबॉक्स क्या है?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts