اذهب إلى المحتوى

السؤال

نشر

هذه المشكلة تواجهني كثيرًا ألا وهي عندما أضغط Run  للكود تكون النتيجة كما في الصورة شاشة بيضاء 

إلا أنه لدي live server extension و عندما أقوم  باستخدامه  لا تظهر هذه المشكلة 

‏‏لقطة الشاشة (1192).png

‏‏لقطة الشاشة (1193).png

Recommended Posts

  • 0
نشر

هذه ليست مشكلة لأن السبب بسيط وهو أنه عند فتح ملفات ال html نقوم بفتح الملف من خلال أي متصفح وهذا هو الطريقة الوحيدة حيث أنه صفحات الويب تعمل في المتصفح فقط ولا يعمل معها الأمر run 

فتح الملف من خلال أي متصفح عن طريق عدة طريق

  1. فتح الملف مباشرة من خلال المتصفح مثل open with google chrome
  2. عن طريق الإضافة live-server
  3. عن طريق webpack

والعديد من الطرق الأخرى ولكن كلها عن طريق المتصفح كما قلت لك  أنه صفحات الويب تعمل في المتصفح

  • 0
نشر
بتاريخ 10 دقائق مضت قال عزت الله اق محمد عبد الرحمن:

أضغط على start debugging من قائمة run (زر F5)

الـ debugging in VSCode ليست مبنية لعرض الواجة بالشكل الذي تحاول استخدامها فيه،

فهي عبارة عن اداة مساعدة لمعرفة مكان وجود خطأ ما في الكود، ويمكنك المعرفة اكثر عنها في هذا الفيديو

 

أما لتنفيذ ما تحاول فعله فأنت تحتاج تحميل إضافة لـ vs code تسمى live Server

vscode-live-server-extension.png

وبعد تحميلها اذهب إلى صفحة الـ html التي تحاول تشغيلها واضغط على كلمة go live والتي يشير إليها السهم في الصورة.

وهذه الإضافة ستقوم بتشغيل سيرفر يراقب ملف الـ html ويقوم بتحديث المتصفح عند كل تحديث لملف الـ html.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...