ملعب الكود
محرر HTML/CSS/JavaScript حي مع معاينة فورية — مثل CodePen بدون حاجة لحساب
حول ملعب الكود
اكتب وشغّل HTML وCSS وJavaScript مع معاينة حية فورية — مثل CodePen بدون حاجة لحساب، بالكامل في المتصفح.
كيفية استخدام ملعب الكود
- 1اختر قالباً ابتدائياً (Hello World أو Flexbox أو حركة أو Canvas) أو ابدأ فارغاً.
- 2اكتب HTML في اللوحة الأولى وCSS في الثانية وJavaScript في الثالثة.
- 3فعّل 'التشغيل التلقائي' لرؤية التغييرات فوراً، أو انقر 'تشغيل' لتشغيل المعاينة يدوياً.
- 4انتقل بين التخطيط العمودي والأفقي ليتناسب مع شاشتك.
- 5انسخ مخرجات HTML الكاملة أو حمّلها كملف HTML مستقل.
نصائح
- استخدم قالب Canvas كنقطة بداية للفن التوليدي أو التصورات التفاعلية.
- عطّل التشغيل التلقائي عند كتابة JavaScript معقد لتجنب الأخطاء أثناء التعديلات غير المكتملة.
- ملف HTML المحمّل مكتفٍ ذاتياً — افتحه في أي متصفح بدون خادم.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4