أدوات تطوير المواقع

أدوات تطوير المواقع

أدوات تطوير المواقع تسمح لمطوري المواقع لإختبار و اصلاح اخطاء أكوادهم. هناك إختلاف بين إنشاء مواقع و بيئات التطوير المتكاملة. بيئات التطوير المتكاملة لا تساعد مباشرةً في بناء صفحات المواقع بل هي أدوات تستخدم لإختبار واجهة المستخدم للموقع و تطبيقات المواقع.
أدوات تطوير المواقع عبارة عن وظائف إضافية أو مميزات مدمجة في متصفحات المواقع. من أشهر المتصفحات المتعارف عليها: قوقل كروم، فايرفوكس، أوبرا، انترنت اكسبلورر، متصفح اليو سي و سفاري. متصفحات المواقع تمتلك أدوات مدمجة تساعد مطوري المواقع و العديد من المميزات الإضافية يستطيع المطور أن يجد المميزات و يحملها من مواقع التحميل الخاصة في كل ميزة.
إضافة إلى أن أدوات تطوير المواقع تسمح لمطور النواقع على العمل على تقنيات مختلفة، من ضمنها اللغات الخاصة بالتصميم واجهات المواقع (html “hypertext markup language) لغة ترميز النص التشعبي  , صفحات الطرز المتراصة Cascading style sheets ( لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع ), "( DOM “ Document Object Model) نموذج كائن المستند و لغة البرمجة جافا سكريبت.
، و العديد من المكونات التي يمكن أن يتعامل معها متصفح الموقع. و هناك طلب متزايد من متصفحات المواقع لإضافة مميزات أخرى لذلك شملت المتصفحات المواقع الشائعة مميزات أكثر موجهة للمطورين.

الخصائص المشتركة

يتم الوصول إلى أدوات مطوري المواقع في المتصفح بصفة عامة من خلال صفحة الموقع و اختبار " فحص عنصر " أو خيار مشابهة من القائمة. و بدلًا من ذلك، يوجد اختصار مشترك أيضًا و هو مفتاح F12.
محرر و مشاهد لغة ترميز النص التشعبي و نموذج كائن المستند يتم تضمينها بشكل مشترك في أدوات تطوير المواقع. الفرق بين ترميز النص التشعبي و عارض  نموذج كائن المستند هو ميزة المصدر في متصفحات المواقع في حين أن عارض ترميز النص التشعبي و نموذج كائن المستند يسمح لك بمشاهدة  نموذج كائن المستند كما تم تقديمه بالإضافة إلى أنه يسمح لك بإجراء تغييرات على ترميز النص التشعبي و ترميز النص التشعبي و مشاهدة التغييرات المنعكسة في الصفحة بعد إجراء التغييرات.
بالإضافة لإختيار التغييرات، فعادة تعرض عناصر ترميز النص التشعبي خصائص كائن  نموذج كائن المستند ، مثل بُعد العرض و خصائص css

أصول صفحة الموقع و المصادر و معلومات الشبكة

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

التنميط و التدقيق

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

تصحيح أخطاء الجافا سكريبت

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

الإضافات و المكونات الإضافية

تدعم المتصفحات المواقع الحديثة استخدام إضافات ووظائف أخرى. هناك العديد من المكونات الإضافية الشائعة التي تضيف ميزات غير تلك التي تدعمها أدوات مطوري المواقع.  يمكن أن تتراوح الميزات من إمكانية تعطيل جافا سكريبت و CSS حتى تتمكن من تحرير ملفات تعريف الارتباط بسهولة أكبر.