ما يجب معرفته
-
في Safari: انقر بزر الماوس الأيمن على صفحة ويب وحدد Inspect Element.
- في Chrome ، يمكنك النقر بزر الماوس الأيمن والنقر فوق Inspect.
- لتمكين الميزة في Safari: Safari> Preferences> Advanced> تحقق من إظهار قائمة "تطوير" في شريط القائمةمربع.
تعلمك هذه المقالة كيفية فحص عنصر موقع الويب على Mac. يبحث في كيفية القيام بذلك عبر Safari و Google Chrome.
كيف تستخدم ميزة فحص العنصر على جهاز Mac؟
قبل فحص العناصر على Mac عند استخدام Safari ، تحتاج إلى تمكين قائمة المطور داخل المتصفح. إليك نظرة على كيفية تشغيله وما يجب فعله لفحص عنصر.
إذا كان بإمكانك رؤية التطوير بين الإشارات المرجعية والنافذة ، فإن قائمة المطور قد تم تمكينها بالفعل ، ويمكنك التخطي إلى الخطوة 4.
استخدام ميزة فحص العنصر في Safari
إليك كيفية استخدام Inspect Element في Safari ، المتصفح الافتراضي على أجهزة كمبيوتر Mac.
-
في Safari ، انقر فوق Safari> Preferences.
Image -
انقر فوق متقدم.
Image -
انقر فوق إظهار قائمة التطويرفي شريط القائمة ثم أغلق النافذة.
Image - عند تصفح موقع الويب ، انقر بزر الماوس الأيمن على العنصر الذي ترغب في فحصه.
-
انقر فوق فحص العنصر.
Image -
يمكنك الآن عرض الكود الموجود خلف موقع الويب الذي قمت بتفتيشه.
Image
استخدام ميزة فحص العنصر في Chrome على جهاز Mac
إذا كنت تستخدم Chrome بدلاً من Safari على جهاز Mac ، فسيكون من الأسهل عرض عنصر حيث لا توجد حاجة لتمكين الميزة. إليك ما يجب فعله.
- في Chrome ، تصفح للوصول إلى موقع على شبكة الإنترنت.
- انقر بزر الماوس الأيمن على العنصر الذي ترغب في فحصه.
-
انقر فوق فحص.
Image -
يمكنك الآن عرض الكود في نافذة جانبية على Chrome.
Image
لماذا لا يمكنني الفحص على جهاز Mac الخاص بي؟
قد لا تتمكن من فحص عنصر على جهاز Mac الخاص بك إذا لم تقم بتمكين قائمة Developer داخل Safari. إليك تذكير بكيفية القيام بذلك.
-
في Safari ، انقر فوق Safari> Preferences.
Image -
انقر فوق متقدم.
Image -
انقر فوق إظهار قائمة التطويرفي شريط القائمة ثم أغلق النافذة.
Image
كيفية إجراء تغييرات موقع الويب بفحص العنصر
إلى جانب السماح لك بمشاهدة الكود على موقع ويب ، من الممكن أيضًا تغيير أي عنصر موقع ويب مؤقتًا من خلال Inspect Element. إليك كيفية القيام بذلك عبر Safari.
العملية متشابهة جدًا في المتصفحات الأخرى.
- عند تصفح موقع الويب ، انقر بزر الماوس الأيمن على العنصر الذي ترغب في فحصه.
- انقر فوق فحص العنصر.
- انقر مرتين على النص في الكود لجعله قابلاً للتعديل.
- احذفها أو أدخل سلسلة نصية جديدة.
- اضغط على Enter.
- تم الآن تغيير الرمز مؤقتًا لمصلحتك فقط.
لماذا تريد استخدام ميزة فحص العنصر؟
القدرة على فحص عنصر ما مفيدة لأسباب عديدة.
- لتغيير الكود بسرعة. يمكن لمصممي مواقع الويب تغيير الأشياء مؤقتًا على موقع الويب لمعرفة كيف تؤثر التغييرات على الأشياء.
- للتحقق من الكود. يمكن لكل من المصممين وأفراد التسويق التحقق من الكود للتأكد من وجود أشياء مثل تفاصيل Google Analytics.
- لعرض الصور بشكل منفصل عن موقع. إذا كان الموقع لا يسمح لك بفتح صورة في علامة تبويب أو نافذة جديدة ، فإن عرض العنصر يجعل ذلك ممكنًا.
-
Tinker. يمكن أن تساعدك رؤية رمز صفحة الويب في فهم ما تراه ، وإزالة لغز ماذا ولماذا يتعلق بالموقع الذي تتصفحه. يشبه تفكيك الجهاز لمعرفة كيفية عمله ، ولكن لا توجد براغي لتخسرها في هذه الحالة.
التعليمات
هل تفتيش موقع إلكتروني قانوني؟
نعم. ومع ذلك ، إذا كنت تخطط لاستخدام أي رمز أو أصول من موقع ويب ، فتأكد من مراجعة المالك وإضافة ملاحظة حقوق النشر.
كيف أنسخ HTML من موقع ويب باستخدام عنصر فحص؟
في Chrome ، انقر بزر الماوس الأيمن فوق الصفحة وحدد Inspect ، ثم انتقل إلى القسم العلوي وانقر بزر الماوس الأيمن فوق العلامة (على سبيل المثال). حدد Copy> Copy externalHTML، ثم الصق الرمز في ملف نصي أو ملف HTML.
هل يمكنني نسخ CSS من موقع ويب باستخدام عنصر فحص؟
نعم. انقر بزر الماوس الأيمن فوق العنصر الذي تريد نسخه واختر Inspect. انقر بزر الماوس الأيمن على الرمز المميز وحدد Copy> Copy styles.
كيف يمكنني رؤية كلمات المرور المحفوظة باستخدام فحص العنصر؟
للكشف عن كلمات المرور المخفية ، انقر بزر الماوس الأيمن فوق مربع نص كلمة المرور وحدد Inspect. في القسم المميز ، ابحث عن type=”password” واستبدل password بـ text. هناك طرق أسهل لإظهار جميع كلمات مرورك في Chrome.
