تجاوز محتوى الويب وعناوين استجابة HTTP محليًا

Sofia Emelianova

من خلال عمليات الإلغاء المحلية، يمكنك تجاوز عناوين استجابة HTTP ومحتوى الويب، بما في ذلك XHR وطلبات الاسترجاع، لمحاكاة الموارد البعيدة حتى إذا لم يكن لديك إمكانية الوصول إليها. يتيح لك هذا إنشاء نماذج أوّلية للتغييرات دون انتظار الخلفية لدعمها. تتيح لك عمليات الإلغاء المحلية أيضًا الاحتفاظ بالتغييرات التي تجريها في "أدوات مطوّري البرامج" على مستوى عمليات تحميل الصفحات.

آلية عمله:

• عند إجراء تغييرات في "أدوات مطوري البرامج"، تحفظ "أدوات مطوري البرامج" نسخة من الملف المعدَّل في مجلد تحدّده.
• عند إعادة تحميل الصفحة، تعرض "أدوات مطوري البرامج" الملف المحلي المعدَّل بدلاً من مورد الشبكة.

القيود

تعمل عمليات الإلغاء المحلي مع عناوين استجابة الشبكة ومعظم أنواع الملفات، بما في ذلك طلبات XHR وطلبات الاسترجاع، مع بعض الاستثناءات:

• يتم إيقاف ذاكرة التخزين المؤقت عند تفعيل عمليات الإلغاء المحلية.
• لا تحفظ أدوات مطوّري البرامج التغييرات التي تم إجراؤها في شجرة نموذج العناصر في المستند (DOM) ضمن لوحة العناصر.
• إذا عدّلت CSS في جزء الأنماط وكان مصدر CSS هو ملف HTML، لن تحفظ أدوات مطوّري البرامج التغيير.

بدلاً من ذلك، يمكنك تعديل ملفات HTML في لوحة المصادر.

إعداد عمليات الإلغاء على الجهاز

يمكنك تجاهل محتوى الويب أو عناوين الاستجابة على الفور في لوحة الشبكة:

1. افتح "أدوات مطوري البرامج" وانتقِل إلى لوحة الشبكة وانقر بزر الماوس الأيمن على الطلب الذي تريد إلغاءه، ثم اختَر إلغاء العناوين أو تجاوز المحتوى من القائمة المنسدلة.
2. إذا لم تكن قد أعددت عمليات الإلغاء المحلية بعد، ستطلب منك "أدوات مطوري البرامج" في شريط الإجراءات في أعلى الصفحة إجراء ما يلي:
   1. اختَر مجلدًا لتخزين الملفات التي تم إلغاؤها.
   2. انقر على Allow (سماح) لمنح أدوات مطوّري البرامج أذونات الوصول إلى الأداة.
3. إذا تم إعداد عمليات تجاوز محلية غير مفعَّلة، تفعِّلها "أدوات مطوّري البرامج" تلقائيًا.

4. بعد إعداد عمليات الإلغاء على الجهاز وتفعيلها، استنادًا إلى نوع الإلغاء، ستنقلك "أدوات مطوري البرامج" إلى ما يلي:

   • لوحة المصادر للسماح لك بإجراء تغييرات على محتوى الويب.
   • المحرّر في الشبكة > العناوين > عناوين الاستجابة للسماح لك بإجراء تغييرات على عناوين الاستجابة.

لإيقاف عمليات الإلغاء المحلية مؤقتًا أو حذف جميع ملفات الإلغاء، انتقِل إلى المصادر > عمليات الإلغاء وألغِ تحديد مربّع الاختيار check_box_outline_blank تفعيل عمليات الإلغاء المحلية أو انقر على block محو على التوالي.

لحذف ملف إلغاء واحد أو جميع عمليات الإلغاء في مجلد، انقر بزر الماوس الأيمن على الملف أو المجلد في المصادر > عمليات الإلغاء، واختَر حذف، ثم انقر على حسنًا في مربّع الحوار. لا يمكن التراجع عن هذا الإجراء وسيكون عليك إعادة إنشاء عمليات الإلغاء المحذوفة يدويًا.

للاطّلاع على جميع عمليات الإلغاء سريعًا، في لوحة الشبكة، انقر بزر الماوس الأيمن على طلب واختَر عرض جميع عمليات الإلغاء. ستنقلك "أدوات مطوري البرامج" إلى المصادر > عمليات الإلغاء.

تجاهُل محتوى الويب

لتجاهل محتوى الويب:

1. إعداد عمليات الإلغاء على المستوى المحلي
2. إجراء تغييرات على الملفات وحفظها في "أدوات مطوري البرامج"

على سبيل المثال، يمكنك تعديل الملفات في المصادر أو CSS في العناصر > الأنماط، ما لم تكن CSS متوفّرة في ملفات HTML.

تحفظ "أدوات مطوري البرامج" الملفات المعدَّلة وتدرجها في المصادر > عمليات الإلغاء، وتعرض لك الرمز بجانب الملفات التي تم تجاوزها في اللوحات والأجزاء ذات الصلة: العناصر > الأنماط والشبكة والمصادر > الإلغاء.

بالإضافة إلى ذلك، تعرض لوحة الشبكة رمز نقطة أرجوانية مع تلميح بجانب علامة التبويب الاستجابة لطلب يتضمّن محتوى ويب تم تجاهله.

تجاهُل طلبات XHR أو استرجاعها لمحاكاة الموارد المتاحة عن بُعد

باستخدام عمليات الإلغاء المحلية، لن تحتاج إلى الوصول إلى الخلفية ولا تحتاج إلى الانتظار حتى تتوافق التغييرات مع التغييرات. محاكاة والتجريب:

1. إعداد عمليات الإلغاء على المستوى المحلي
2. في الشبكة، فلتِر طلبات XHR/fetch، وابحث عن الطلب الذي تريده وانقر عليه بزر الماوس الأيمن، ثم اختَر إلغاء المحتوى.
3. أجرِ التغييرات على البيانات التي تم استرجاعها واحفظ الملف.
4. refresh يمكنك إعادة تحميل الصفحة وملاحظة التغييرات التي تم تطبيقها.

للتعرف على سير العمل هذا، شاهد الفيديو التالي:

تتبع التغييرات المحلية

يمكنك تتبُّع كل التغييرات التي تجريها على محتوى الويب في مكان واحد، ضمن علامة تبويب درج التغييرات.

تجاهُل عناوين استجابة HTTP

من لوحة الشبكة، يمكنك إلغاء عناوين استجابة HTTP بدون الوصول إلى خادم الويب.

من خلال تجاوزات عنوان الاستجابة، يمكنك وضع إصلاحات أوّلية محلية لعناوين مختلفة، بما في ذلك على سبيل المثال لا الحصر:

• عناوين مشاركة الموارد المتعدّدة المصادر (CORS)
• عناوين سياسة الأذونات
• عناوين عزل متعددة المصادر

لتجاوز عنوان استجابة:

1. إعداد عمليات الإلغاء على الجهاز وفحص البيانات، على سبيل المثال، صفحة العرض التوضيحي هذه
2. انتقِل إلى الشبكة، وابحث عن طلب، وانقر بزر الماوس الأيمن عليه، ثم اختَر إلغاء العناوين. تنقلك "أدوات مطوري البرامج" إلى المحرِّر العناوين > عناوين الاستجابة.

3. مرِّر مؤشر الماوس فوق قيمة عنوان الاستجابة وضَع مؤشرًا هناك.

   

   بدلاً من ذلك، لتفعيل محرِّر عناوين الاستجابة، مرِّر مؤشر الماوس فوق قيمة عنوان الاستجابة وانقر على edit تعديل.

4. عدِّل أو أضِف عنوانًا جديدًا.

   

   • لتعديل قيمة عنوان، انقر عليها.
   • لإضافة عنوان جديد، انقر على add إضافة عنوان.
   • ولإزالة تجاوز العنوان، انقر على الرمز delete بجانبه. يؤدي هذا الإجراء إلى إزالة العناوين التي أضفتها أو إعادة القيم المعدَّلة إلى القيم الأصلية.

   تعرض لوحة الشبكة العناوين المعدّلة باللون الأخضر وتزيل رموز الإلغاء باللون الأحمر والمفصولة. بالإضافة إلى ذلك، تعرض علامة التبويب العناوين رمز نقطة أرجوانية مع تلميح لإعلامك بأنّه تم تجاهل العناوين.

5. refresh يُرجى إعادة تحميل الصفحة لتطبيق التغييرات.

تعديل جميع عمليات تجاوز عناوين الاستجابة

لتعديل جميع عمليات إلغاء العناوين في مكان واحد:

1. انقر على .headers بجانب القسم عناوين الاستجابة.

   

   تنقلك "أدوات مطوري البرامج" إلى ملف .headers المقابل في المصادر > عمليات الإلغاء.

2. تعديل ملف .headers:

   

   • لإضافة قاعدة إلغاء جديدة، انقر على إضافة قاعدة تجاوز. القاعدة هنا هي مجموعة من العناوين والقيم وطلب واحد أو متعدد لتطبيقها عليها.

   • لإضافة زوج العنوان/القيمة إلى قاعدة، مرِّر مؤشر الماوس فوق زوج آخر وانقر على add.

   • للتراجع عن قيمة عنوان، أزِل أي رأس أو قاعدة مُضافة، ومرِّر مؤشر الماوس فوقها وانقر على delete.

3. احفظ ملف .headers باستخدام Command / Control + S.

4. refresh يُرجى إعادة تحميل الصفحة لتطبيق التغييرات.