ما الذي يشغّله العارض، وما الذي لا يشغّله
يعمل HTML، وCSS في وسم <style>، وJavaScript في وسم <script>، كما في أي موقع، فالزر أو النموذج أو الحاسبة الصغيرة يعمل في المعاينة. وتُحمَّل أيضًا المكتبات التي تجلبها الصفحة من شبكات CDN العامة المعروفة، مثل cdnjs وjsDelivr وunpkg وCDN الخاص بـ Tailwind. وتعمل الصفحة داخل إطار معزول على عنوان آخر: لا تستطيع قراءة solta.now ولا ملفات تعريف الارتباط (الكوكيز) ولا حساباتك، ولا تستطيع أن تنقل هذه النافذة إلى أي مكان.
ثلاثة أشياء تظهر هنا بشكل مختلف:
- الملفات المجاورة لها. الصفحة التي تحمّل
style.cssأو صورًا أو ملف CSV من مجلدها لا تجد شيئًا، لأن تلك الملفات ما زالت على جهازك. ارفع المجلد كله من رفع الملفات في المربع على الصفحة الرئيسية، أو على صفحة إنشاء موقع جديد (بالإنجليزية)، فتُرفع الملفات معها. - React من Claude أو ChatGPT. المكوّن الذي يبدأ بأسطر
importيظهر فارغًا في أي عارض HTML عادي، لأنه يجب أن يُبنى ليصبح صفحة أولًا: لماذا يُفتح Artifact بلغة React فارغًا (بالإنجليزية). الصقه بدلًا من ذلك في المربع على الصفحة الرئيسية، فيبنيه Solta عندما ينشره، كما يشرح دليل استضافة Artifact من Claude (بالإنجليزية). - الحفظ في المتصفح. ما تحفظه الصفحة بـ
localStorageيبقى إلى أن تعيد المعاينة رسم الصفحة. وبعد النشر، تحفظه في متصفح الزائر.
من المعاينة إلى رابط: فتح ملف HTML ونشره في ثلاث خطوات
- الصق الكود، أو افتح الملف. انسخ الكود الذي كتبه لك الذكاء الاصطناعي، أو اضغط افتح ملفًا واختر ملف HTML. تعيد المعاينة رسم الصفحة أثناء الكتابة. والصفحة التي بجانبها صورها وملف أنماطها هي مجلد: أفلت المجلد (بالإنجليزية) بدلًا من ذلك.
- افحصها بعرض الكمبيوتر وعرض الهاتف. اختر الهاتف لترى الصفحة بعرض 390 بكسلًا، وهو عرض الهاتف تقريبًا، حيث تُفتح أغلب الروابط المرسلة في المحادثات.
- انشرها بزر Solta، وأرسل الرابط. زر Solta تحت الكود ينشرها: تصبح الصفحة منشورة على عنوانها الخاص، وتُفتح دون حساب. ودون حساب تبقى 24 ساعة؛ احفظها من البطاقة التي تعرض عنوانها، بتسجيل الدخول، فتبقى على العنوان نفسه.
ثم اختر من يستطيع فتحها: عامة أو غير مُدرجة أو خاصة في كل الخطط، وكلمة مرور في كل الخطط (على موقع واحد في كل مرة في Free): ما الذي تحميه كلمة المرور على الصفحة (بالإنجليزية).
قبل النشر، يفحص Solta الكود ويرفض الصفحة التي كُتب فيها مفتاح API أو رمز وصول (access token) أو مفتاح خاص، لأن أي شخص يفتح الصفحة يستطيع قراءته.
هل يأتي كود HTML الخاص بك من Claude أو ChatGPT؟ انشره من المحادثة (بالإنجليزية)، فيعود الرابط إليك هناك.
أسئلة
هل يُرفع الكود عندما ألصقه؟
لا. تعمل الصفحة في متصفحك، داخل إطار معزول لا يستطيع قراءة solta.now ولا ملفات تعريف الارتباط ولا حساباتك. لا يُرسل شيء إلى Solta حتى تضغط زر Solta لنشرها.
هل يعمل JavaScript في المعاينة؟
نعم. السكربتات في وسم <script>، وonclick وما شابهه، تعمل كما تعمل على أي موقع، فالأزرار والتبويبات والحاسبات الصغيرة تعمل. وتتبع المعاينة القواعد نفسها التي تتبعها الصفحة المنشورة على Solta، فما يعمل هنا يعمل على الرابط.
هل يمكنني فتح ملف HTML من جهازي؟
نعم. يقرأ زر «افتح ملفًا» ملف HTML حتى 2 MB ويضعه في العارض، وكل ذلك على جهازك. وإن كانت الصفحة تحمّل صورًا أو ملف أنماط من المجلد نفسه، فارفع المجلد كله في المربع على صفحة Solta الرئيسية بدلًا من ذلك، لتُرفع تلك الملفات معها.
هل يمكنني قراءة كود ملف HTML أرسله إليّ أحدهم؟
نعم. بزر «افتح ملفًا» يظهر كود HTML في جهة، والصفحة مرسومة في الجهة الأخرى، فتقرأ ما يقوله وترى ما يفعله دون أن تفتح الملف نفسه مباشرة من جهازك.
هل يمكنني اختبار كود HTML هنا قبل إرساله؟
نعم. عدّل الكود فتعيد الصفحة رسم نفسها أثناء الكتابة. واختر «الهاتف» لتراها بعرض الهاتف، حيث تُفتح أغلب الروابط المرسلة في المحادثات.
لماذا تظهر صفحتي من Claude أو ChatGPT فارغة؟
مكوّن React، أي الذي يبدأ بأسطر import، يجب أن يُبنى ليصبح صفحة قبل أن يستطيع أي متصفح عرضه، لذلك يظهر فارغًا في هذا العارض وفي أي عارض عادي آخر. الصقه بدلًا من ذلك في المربع على صفحة Solta الرئيسية: يبنيه Solta عندما ينشره.
إلى متى يبقى الرابط يعمل؟
الموقع المنشور دون حساب يبقى 24 ساعة. لتحتفظ به، احفظه من الرابط الموجود على البطاقة التي تعرض عنوانه: تسجّل الدخول، أو تنشئ حسابًا، فيبقى على العنوان نفسه.
هل يمكنني وضع كلمة مرور عليه؟
نعم، بعد أن تحفظه. العام وغير المُدرج والخاص في كل الخطط، وكلمة المرور في كل الخطط، على موقع واحد في كل مرة في Free.
لماذا يرفض Solta نشر صفحتي؟
قبل أن تُنشر الصفحة، يفحصها Solta ويرفضها إن كان مكتوبًا فيها مفتاح API أو رمز وصول أو مفتاح خاص، لأن أي شخص يفتح الصفحة يستطيع قراءته. احذف المفتاح واضغط زر Solta مرة أخرى.