تعرف على Console

يوجد العديد من الأدوات التي يعتمد عليها مطورين المواقع ، ومن أهم هذه الأدوات هو الـ Console موجود في العديد من المتصفحات مثل Chrome أو Mozilla Firefox  وغيرهم ، ولكن أفضلهم الموجود في متصفح كروم .

كيف يمكن فتح الـ Console

يمكن فتح الكونسول بعده طرق ، بعد أن تكون في صفحة الويب المراد فتح الـ Console فيها .

  • يمكن فتح الـ Console من خلال الضغط على زر الفأرة الأيمن من ثم الضغط على فحص العنصر أو Inspect
  • يمكن فتح الـ Console من خلال الضغط على F12
  • يمكن فتح الـ Console من خلال الضغط على Ctrl + Shift + I
  • يمكن فتح الـ Console من خلال الضغط على Ctrl + Shift + J

Inspect In Console

هذا ما سيتم إظهاره عند فتح الـ Console ويوجد العديد من الأشياء وما يهمنا حالياََ بعض المناطق فقط ،

الـ Elements

ويظهر بها جميع عناصر الـ HTML التي قمت بكتابتها في صفحة الويب وخصائص الـ Css ويمكنك تحديد أي عنصر HTML وعند تحديده سيظهر خصائصه الـ Css في حال وجد ويمكنك إضافه خصائص اخرى له ايضاََ .

الـ Console

وهنا ما يتم الاعتماد عليه كثيراََ في حال وجود أي أخطاء أو في حال كتابة أي أكواد دون الحاجة لكتابتها بصفحة الجافا سكربت ، ممكن تجربتها هنا أولاََ واذا عملت بشكل صحيح ، يتم نقلها لصفحة الجافا سكربت .

 

ما هي فائدة الـ Console

يوجد العديد من الفوائد والاستخدامات ، لن نتعمق بشكل كبير في البداية ، ولكن أهم ما يجب ان تعرفة ، انه في حال كان لديك أي خطأ يمكنك معرفة هذا الخطأ من خلال الكونسول ، بحيث سيوضح لك الكونسول الخطأ الموجود لديك وفي أي صفحة ورقم هذا الخطأ ايضاََ.

ويمكن أيضاََ تنبيهك في حال هناك أشياء مفقودة بالصفحة مثل الصور أو ملفات Css أو Js  غير مربوطة بشكل صحيح .

يمكنك ايضاََ في هذه المنطقة كتابة العديد من الأكواد اي أكواد جافا سكربت يمكن كتابتها ، وايضاََ القيام بالعديد من العمليات الحسابية ، والعديد ايضاََ .

كل ما يجب عليك معرفة في هذه المرحلة ، كيفية فتح الـ Console وكيفية أكتشاف الأخطاء ومعرفة إصلاحها .