مفتش WebKit Web: كيفية استكشاف مشكلات صفحة ويب Safari وإصلاحها

إفشاء: يساعدك دعمك في الحفاظ على تشغيل الموقع! نحصل على رسوم إحالة لبعض الخدمات التي نوصي بها في هذه الصفحة.


WebKit Web Inspector هو أداة تتبع الأخطاء مفتوحة المصدر التي تم إنشاؤها في عام 2005 من قبل شركة آبل وتحبها المطورين منذ ذلك الحين. يمكنك استخدامه لتحديد الأخطاء وإصلاحها في صفحات الويب استنادًا إلى النظام الأساسي WebKit (Safari و iOS و MacOS). إليك ما يدور حوله وأين يمكنك التعرف على كيفية استخدامه.

ما هو WebKit ويب المفتش?

WebKit Web Inspector هو أداة مفتوحة المصدر يتم استخدامها لتصحيح أخطاء صفحات الويب. وهي مصممة لمساعدة المطورين الذين يعملون على المتصفحات استنادًا إلى نظام WebKit في العثور على الأخطاء وإصلاحها. أشهر متصفحات نظام WebKit هي Safari و Firefox لنظام iOS ، ولكنها تتضمن أيضًا متصفحات تجريبية مثل تلك الموجودة في Amazon Kindles. تستخدم المتصفحات الرئيسية الأخرى مثل Chrome الكثير من نفس التعليمات البرمجية والبنية ، ولها إصداراتها الخاصة (مشابهة جدًا) من WebKit Web Inspector.

تاريخ WebKit Web Inspector

لمعرفة كيفية وصولنا إلى Web Inspector ، نحتاج إلى البدء باستخدام WebKit نفسه.

بدأ WebKit في عام 2005 عندما أعلنت شركة Apple أن متصفح الويب الجديد ، Safari ، سيتم إطلاقه كمشروع مفتوح المصدر.

منذ أوائل العقد الأول من القرن الحادي والعشرين ، كانت شركة آبل تحاول العمل مع مجتمع مفتوح المصدر KDE ، الذي بنى الكود الأصلي الذي انتهى إليه WebKit بناءً على.

لكن الأمر لم يكن على ما يرام.

ولكن بعد ذلك ، في عام 2005 ، أعلنت شركة Apple أن Safari أصبحت مفتوحة المصدر تمامًا – ولم تعد هناك نصف تدابير. بالإضافة إلى فك الزمام قليلاً ، أصدرت Apple جميع ملفات التعليمات البرمجية التي كانوا يعملون عليها ، وفتح أشجار التحكم الخاصة بهم ، و (الأهم بالنسبة لنا) أصدرت أدوات تتبع الأخطاء الخاصة بهم.

كانت هذه هي الركلة التي يحتاجها Safari لبدء العمل والبناء على نظام يسمى WebKit ، والذي خلق بالطبع مساحة لـ WebKit Web Inspector ليأتي في عام 2006 لتصحيح أخطاء HTML و Java و C ++ بالإضافة إلى فحص الويب الخاص بك الصفحات. منذ ذلك الحين ، تم تجديده وإعادة تصميمه عدة مرات إلى حالته الحالية.

ما يمكنك القيام به مع مفتش الويب

وفقًا لموقع Apple الرسمي على الويب ، يمكن استخدام مفتش الويب في “وضع نموذج لمحتوى الويب وتحسينه وتصحيحه على نظامي iOS و OS X.” لوضعها بطريقة أخرى ، تساعدك على فهم ما يجري في صفحات الويب الخاصة بك.

تشمل الوظائف الأساسية لمفتش الويب القدرة على:

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

هذا هو الأخير الذي نركز عليه اليوم.

تصحيح الأخطاء باستخدام مفتش الويب

هناك طريقتان يمكنك استخدام WebKit لتصحيح أخطاء موقعك. أولاً ، يمكنك القيام بذلك باستخدام أداة تصحيح أخطاء WebKit المحددة.

ستساعدك هذه الأداة في تصحيح جافا سكريبت ، حتى لو تم تصغيرها (تقصيرها) من خلال توسيع كل سطر واحد واختباره. يسمح لك بالانتقال سطرًا بسطر وإعداد نقاط توقف ، واختبار خط أو قسم من JavaScript بحثًا عن الأخطاء. يمكنك أيضًا استخدام هذه الأداة لإعداد نقاط توقف مشروطة محددة ، مما يساعدك على اختبار مواقف معينة حيث تظهر الأخطاء. بالإضافة إلى ذلك ، يمكنك رؤية جميع المتغيرات المختلفة في أي لحظة معينة ، لذا من الأسهل تحديد الأخطاء وإصلاحها.

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

التصحيح عن بعد

يمكن أيضًا استخدام Web Inspector لتصحيح أخطاء متصفح الويب المفتوح في جهاز مختلف عن جهاز الكمبيوتر المحمول. هذا يعني أنه يمكنك توصيل iPhone ثم تصحيحه باستخدام الكمبيوتر المحمول. يمكنها القيام بذلك نظرًا للطريقة التي يتم بها تنظيمها إلى عميل HTML ووكلاء وأهداف. ولكن ما يعنيه هذا بالنسبة لك هو أنه من السهل للغاية العثور على الأخطاء وإصلاحها على صفحات الجوال الخاصة بك من جهاز كمبيوتر محمول. كل ما تحتاجه هو سلك USB.

موارد مصحح WebKit

فيما يلي بعض الموارد الأساسية لمساعدتك على بدء استخدام WebKit لتصحيح صفحات الويب الخاصة بك.

الكيفية والإرشادات

  • دليل Envato لتصحيح الأخطاء باستخدام Web Inspector: دليل سريع وبسيط لكيفية استخدام Web Inspector لتصحيح مواقع Safari المحمولة مع كمبيوتر Apple
  • دليل أدوات مطوري Safari من Apple: دليل Apple الخاص لأداة Web Inspector بشكل عام. هذه أداة رائعة لتجعلك مرتاحًا مع واجهة Web Inspector والحصول على عرض صورة كبيرة عن الوظائف. راجع قسم المصحح الخاص بهم لمزيد من المعلومات حول تصحيح صفحات الويب.
  • هندسة مفتش الويب: منشور مدونة بواسطة دييغو بينو. أصبح أكثر دقة في كيفية استخدام Web Inspector لتصحيح الأخطاء عن بُعد بالإضافة إلى تقديم الكثير من الوضوح على نسيج Web Inspector.
  • تصحيح الأخطاء باستخدام Web Inspector: بالنسبة لهواة Blackberry الموجودين هناك ، يعد هذا دليلًا سهلًا حول كيفية استخدام Web Inspector لتصحيح أخطاء موقعك.
  • تصحيح الأخطاء على iOS: دليل AppGyver لكيفية استخدام WebKit Web Inspector لفحص التطبيقات من App Store

مجتمعات

  • يحصل Stack Overflow باستمرار على أسئلة حول Web Inspector. إنه مكان جيد للتحقق مما إذا كنت عالقًا.
  • يسرد WebKit Bugzilla جميع طلبات الميزات والأخطاء المرتبطة بـ Web Inspector. إذا واجهتك مشكلة ، يمكنك معرفة ما إذا كان الآخرون قد واجهوا نفس المشكلة.
  • تدير Stack Exchange قاعدة معرفية تسمى Askdifferent ، مليئة بالأسئلة الخاصة بشركة Apple. إنها مورد جيد آخر إذا واجهتك مشكلة مع Web Inspector.

ملخص

WebKit’s Web Inspector هو أداة قوية يمكنك استخدامها لمعرفة ما يجري تحت غطاء صفحات الويب الخاصة بك. يتيح لك العثور على الأخطاء وإصلاحها بسرعة وسهولة بغض النظر عن الجهاز الذي تعمل معه. بالإضافة إلى ذلك ، سيتم نقل أي إتقان لـ Web Inspector إلى متصفحات رئيسية أخرى تستند إلى WebKit بما في ذلك Chrome و Firefox. تعلم واحدة وتتعلمها كلها. سيساعدك هذا الدليل على البدء في المسار الصحيح.

مزيد من القراءة والموارد

لدينا المزيد من الأدلة والبرامج التعليمية والرسوم البيانية ذات الصلة بالتشفير والتطوير:

  • مقدمة وموارد MantisBT: اكتشف كل شيء عن برمجة تتبع الأخطاء الشائعة هذه.
  • Ubuntu Primer: تعلم كل شيء عن أحد توزيعات Linux الأكثر شيوعًا – قاعدة ممتازة لاستضافة MantisBT.
  • البرمجة الشيئية: تعرف على مجموعة واسعة من لغات البرمجة الشيئية – قد يفاجئك البعض.

هل ينجو الإنترنت من نهاية العالم?

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

هل تنجو الإنترنت من نهاية العالم؟
هل ينجو الإنترنت من نهاية العالم?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map