يوجد العديد من الأدوات التي يعتمد عليها مطورين المواقع ، ومن أهم هذه الأدوات هو الـ Console موجود في العديد من المتصفحات مثل Chrome أو Mozilla Firefox وغيرهم ، ولكن أفضلهم الموجود في متصفح كروم .
كيف يمكن فتح الـ Console
يمكن فتح الكونسول بعده طرق ، بعد أن تكون في صفحة الويب المراد فتح الـ Console فيها .
- يمكن فتح الـ Console من خلال الضغط على زر الفأرة الأيمن من ثم الضغط على فحص العنصر أو Inspect
- يمكن فتح الـ Console من خلال الضغط على F12
- يمكن فتح الـ Console من خلال الضغط على Ctrl + Shift + I
- يمكن فتح الـ Console من خلال الضغط على Ctrl + Shift + J
هذا ما سيتم إظهاره عند فتح الـ Console ويوجد العديد من الأشياء وما يهمنا حالياََ بعض المناطق فقط ،
الـ Elements
ويظهر بها جميع عناصر الـ HTML التي قمت بكتابتها في صفحة الويب وخصائص الـ Css ويمكنك تحديد أي عنصر HTML وعند تحديده سيظهر خصائصه الـ Css في حال وجد ويمكنك إضافه خصائص اخرى له ايضاََ .
الـ Console
وهنا ما يتم الاعتماد عليه كثيراََ في حال وجود أي أخطاء أو في حال كتابة أي أكواد دون الحاجة لكتابتها بصفحة الجافا سكربت ، ممكن تجربتها هنا أولاََ واذا عملت بشكل صحيح ، يتم نقلها لصفحة الجافا سكربت .
ما هي فائدة الـ Console
يوجد العديد من الفوائد والاستخدامات ، لن نتعمق بشكل كبير في البداية ، ولكن أهم ما يجب ان تعرفة ، انه في حال كان لديك أي خطأ يمكنك معرفة هذا الخطأ من خلال الكونسول ، بحيث سيوضح لك الكونسول الخطأ الموجود لديك وفي أي صفحة ورقم هذا الخطأ ايضاََ.
ويمكن أيضاََ تنبيهك في حال هناك أشياء مفقودة بالصفحة مثل الصور أو ملفات Css أو Js غير مربوطة بشكل صحيح .
يمكنك ايضاََ في هذه المنطقة كتابة العديد من الأكواد اي أكواد جافا سكربت يمكن كتابتها ، وايضاََ القيام بالعديد من العمليات الحسابية ، والعديد ايضاََ .
كل ما يجب عليك معرفة في هذه المرحلة ، كيفية فتح الـ Console وكيفية أكتشاف الأخطاء ومعرفة إصلاحها .