تخط إلى المحتوى
English

المتصفح وأدوات المطور

قراءة الطلبات وفحص الـ DOM وتعديل القيم بالأدوات المدمجة في متصفحك

المسار
الأساسيات
الوقت المتوقع
20 د
المستوى
مبتدئ
تقدمك في المسار0%

قبل هذا الدرس

يأتي متصفحك بمجموعة كاملة من أدوات الفحص وفي أمن الويب هي أول أداة تمد يدك إليها تريك كل طلب وتتيح لك قراءة الصفحة وتغييرها وتكشف ما يخزنه الموقع عنك افتحها بزر F12 أو Ctrl+Shift+I

تبويب الشبكة

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

سؤال مراجعةأي تبويب في أدوات المطور يعرض طلبات HTTP التي ترسلها الصفحة؟

العناصر والـ DOM

تبويب Elements يعرض الـ نموذج كائن المستند شجرة الصفحة في ذاكرة المتصفح جافاسكربت يقرأ ويغير الـ DOM وما تراه هو الـ DOM لا ملف HTML الأصلي الحي تقدر تعدل أي عنصر في مكانه وتشاهد الصفحة تتغير وهذا التغيير في متصفحك وحده ولا يصل الخادم أبدا لكنه الطريق لتأكيد أمور مثل أن زرا معطلا كان معطلا في الصفحة فقط لا في الخادم

التخزين والـ Console

تبويب Application أو Storage يعرض الكوكيز و localStorage و sessionStorage حيث يحفظ الموقع جلستك وإعداداتك و Console ينفذ جافاسكربت على الصفحة الحالية فتقرأ تلك القيم أو تنادي دوال الصفحة نفسها

سؤال مراجعةحذفت سمة disabled من زر في تبويب Elements فصار قابلا للضغط ما الذي غيرته فعليا؟

اللابات

لابات هذا الدرس قيد الإعداد