4 طرق للبحث عن XPath باستخدام Firebug

جدول المحتويات:

4 طرق للبحث عن XPath باستخدام Firebug
4 طرق للبحث عن XPath باستخدام Firebug

فيديو: 4 طرق للبحث عن XPath باستخدام Firebug

فيديو: 4 طرق للبحث عن XPath باستخدام Firebug
فيديو: How to install Windows 11 on M1/M2 Macs using Parallels 18 2024, يمكن
Anonim

يمكنك العثور على معلومات XPath لعناصر موقع الويب باستخدام أدوات مطوري معظم المتصفحات. يسمح لك Firebug for Firefox بنسخ معلومات XPath مباشرة إلى الحافظة الخاصة بك. بالنسبة لمعظم المتصفحات الأخرى ، يمكنك العثور على معلومات XPath للعنصر في أدوات المطور ، ولكن سيتعين عليك تنسيقها بنفسك.

خطوات

الطريقة 1 من 4: استخدام Firefox و Firebug

ابحث عن XPath باستخدام Firebug الخطوة 1
ابحث عن XPath باستخدام Firebug الخطوة 1

الخطوة الأولى. قم بتثبيت Firebug لمتصفح Firefox

Firebug هي وظيفة إضافية لمفتش الويب لمتصفح Firefox.

  • انقر فوق زر قائمة Firefox (☰) وحدد "الوظائف الإضافية".
  • انقر فوق "الحصول على الوظائف الإضافية" ثم انقر فوق "الحصول على المزيد من الوظائف الإضافية!" زر.
  • ابحث عن "Firebug" ثم انقر فوق الزر "Add to Firefox" بجواره.
  • تأكد من أنك تريد تثبيت Firebug ثم أعد تشغيل Firefox عندما يُطلب منك ذلك.
ابحث عن XPath باستخدام Firebug الخطوة 2
ابحث عن XPath باستخدام Firebug الخطوة 2

الخطوة 2. افتح موقع الويب الذي تريد فحصه

يمكنك استخدام Firebug لفحص أي عنصر على موقع ويب للعثور على XPath.

ابحث عن XPath باستخدام Firebug الخطوة 3
ابحث عن XPath باستخدام Firebug الخطوة 3

الخطوة 3. انقر فوق الزر Firebug

ستجد هذا في الزاوية العلوية اليمنى من النافذة. سيؤدي هذا إلى فتح لوحة Firebug أسفل نافذة Firefox.

ابحث عن XPath باستخدام Firebug الخطوة 4
ابحث عن XPath باستخدام Firebug الخطوة 4

الخطوة 4. انقر على زر مراقب العناصر

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

ابحث عن XPath باستخدام Firebug الخطوة 5
ابحث عن XPath باستخدام Firebug الخطوة 5

الخطوة 5. انقر فوق عنصر صفحة الويب الذي تريد فحصه

أثناء تحريك المؤشر فوق صفحة الويب ، سترى عناصر مختلفة يتم تمييزها. انقر فوق الملف الذي تريد البحث عن XPath له.

ابحث عن XPath باستخدام Firebug الخطوة 6
ابحث عن XPath باستخدام Firebug الخطوة 6

الخطوة 6. انقر بزر الماوس الأيمن فوق الرمز المميز في لوحة Firebug

عند النقر فوق عنصر في صفحة ويب ، سيتم تمييز الرمز المرتبط به في لوحة Firebug أسفل النافذة. انقر بزر الماوس الأيمن فوق هذا الرمز المميز.

ابحث عن XPath باستخدام Firebug الخطوة 7
ابحث عن XPath باستخدام Firebug الخطوة 7

الخطوة 7. حدد "Copy XPath" من القائمة

سيؤدي هذا إلى نسخ معلومات XPath للعنصر إلى الحافظة الخاصة بك.

إذا حددت "Copy Minimal XPath" ، فسيتم نسخ معلومات XPath الأساسية فقط

ابحث عن XPath باستخدام Firebug الخطوة 8
ابحث عن XPath باستخدام Firebug الخطوة 8

الخطوة 8. الصق معلومات XPath المنسوخة في مكان آخر

بمجرد نسخ الرمز ، يمكنك ببساطة لصقه في أي مكان آخر تريده عن طريق النقر بزر الماوس الأيمن واختيار "لصق".

الطريقة 2 من 4: استخدام Chrome

ابحث عن XPath باستخدام Firebug الخطوة 9
ابحث عن XPath باستخدام Firebug الخطوة 9

الخطوة 1. افتح موقع الويب الذي تريد فحصه في Chrome

لا تحتاج إلى تثبيت أي ملحقات لتتمكن من العثور على معلومات XPath لعناصر موقع الويب عند استخدام Chrome.

ابحث عن XPath باستخدام Firebug الخطوة 10
ابحث عن XPath باستخدام Firebug الخطوة 10

الخطوة 2. اضغط

F12 لفتح مفتش الموقع.

سيظهر هذا على الجانب الأيمن من النافذة.

ابحث عن XPath باستخدام Firebug الخطوة 11
ابحث عن XPath باستخدام Firebug الخطوة 11

الخطوة الثالثة. انقر على زر مراقب العناصر

ستجد هذا في الزاوية العلوية اليسرى من لوحة مفتش موقع الويب. يشبه الزر مربعًا به مؤشر الماوس يشير إليه.

ابحث عن XPath باستخدام Firebug الخطوة 12
ابحث عن XPath باستخدام Firebug الخطوة 12

الخطوة 4. انقر فوق العنصر الذي تريد فحصه على موقع الويب

سترى عناصر الموقع مميزة أثناء تحريك المؤشر فوقها.

ابحث عن XPath باستخدام Firebug الخطوة 13
ابحث عن XPath باستخدام Firebug الخطوة 13

الخطوة 5. انقر بزر الماوس الأيمن فوق الرمز المميز في لوحة المفتش

عند النقر فوق عنصر باستخدام المفتش ، سيتم تمييز الكود ذي الصلة تلقائيًا في لوحة المفتش على الجانب الأيمن من النافذة. انقر بزر الماوس الأيمن فوق الرمز المميز.

ابحث عن XPath باستخدام Firebug الخطوة 14
ابحث عن XPath باستخدام Firebug الخطوة 14

الخطوة 6. حدد "نسخ" ← "نسخ XPath

" سيؤدي هذا إلى نسخ معلومات XPath للعنصر إلى الحافظة الخاصة بك.

لاحظ أن هذا فقط ينسخ الحد الأدنى من معلومات XPath. يمكن أن يمنحك Firebug for Firefox معلومات XPath الكاملة

ابحث عن XPath باستخدام Firebug الخطوة 15
ابحث عن XPath باستخدام Firebug الخطوة 15

الخطوة 7. الصق معلومات XPath المنسوخة

يمكنك لصق معلومات XPath المنسوخة كما تفعل مع أي معلومات منسوخة عن طريق النقر بزر الماوس الأيمن في حقل نص واختيار "لصق".

الطريقة الثالثة من 4: استخدام Safari

ابحث عن XPath باستخدام Firebug الخطوة 16
ابحث عن XPath باستخدام Firebug الخطوة 16

الخطوة 1. انقر فوق قائمة Safari وحدد "التفضيلات

" ستحتاج إلى تمكين قائمة التطوير للوصول إلى الأداة المساعدة Web Inspector.

ابحث عن XPath باستخدام Firebug الخطوة 17
ابحث عن XPath باستخدام Firebug الخطوة 17

الخطوة 2. انقر فوق علامة التبويب "خيارات متقدمة"

سيعرض هذا إعدادات Safari المتقدمة.

ابحث عن XPath باستخدام Firebug الخطوة 18
ابحث عن XPath باستخدام Firebug الخطوة 18

الخطوة الثالثة. حدد مربع "إظهار قائمة التطوير في شريط القوائم"

ستظهر قائمة التطوير على الفور في شريط القوائم.

ابحث عن XPath باستخدام Firebug الخطوة 19
ابحث عن XPath باستخدام Firebug الخطوة 19

الخطوة 4. افتح موقع الويب الذي تريد فحصه

أغلق قائمة التفضيلات وقم بزيارة موقع الويب الذي يحتوي على العنصر الذي تريد الحصول على XPath من أجله.

ابحث عن XPath باستخدام Firebug الخطوة 20
ابحث عن XPath باستخدام Firebug الخطوة 20

الخطوة 5. انقر فوق قائمة "تطوير" وحدد "إظهار Web Inspector

" ستظهر لوحة Web Inspector في أسفل النافذة.

ابحث عن XPath باستخدام Firebug الخطوة 21
ابحث عن XPath باستخدام Firebug الخطوة 21

الخطوة 6. انقر فوق الزر "بدء اختيار العنصر"

يبدو وكأنه علامة متصالبة ، ويمكن العثور عليه في الصف العلوي من الأزرار في لوحة Web Inspector.

ابحث عن XPath باستخدام Firebug الخطوة 22
ابحث عن XPath باستخدام Firebug الخطوة 22

الخطوة 7. انقر فوق العنصر الذي تريد فحصه على موقع الويب

سيؤدي هذا إلى تمييز الكود الخاص بهذا العنصر في لوحة Web Inspector في أسفل النافذة.

ابحث عن XPath باستخدام Firebug الخطوة 23
ابحث عن XPath باستخدام Firebug الخطوة 23

الخطوة 8. لاحظ معلومات XPath في أعلى الشجرة

لا يمكنك نسخ XPath مباشرة ، ولكن يمكنك رؤية المسار الكامل الموضح أعلى الكود المعروض في Web Inspector. كل علامة تبويب عبارة عن تعبير مسار.

الطريقة الرابعة من 4: استخدام Internet Explorer

ابحث عن XPath باستخدام Firebug الخطوة 24
ابحث عن XPath باستخدام Firebug الخطوة 24

الخطوة الأولى. افتح موقع الويب الذي تريد فحصه في Internet Explorer

لست بحاجة إلى تثبيت أي شيء للعثور على XPath في Internet Explorer. افتح موقع الويب الذي يحتوي على العنصر الذي تريد فحصه.

ابحث عن XPath باستخدام Firebug الخطوة 25
ابحث عن XPath باستخدام Firebug الخطوة 25

الخطوة 2. اضغط على F12 لفتح أدوات المطور

ستظهر لوحة أدوات المطور أسفل النافذة.

ابحث عن XPath باستخدام Firebug الخطوة 26
ابحث عن XPath باستخدام Firebug الخطوة 26

الخطوة 3. انقر فوق الزر "تحديد عنصر"

ستجد هذا في الزاوية العلوية اليسرى من لوحة أدوات المطور.

ابحث عن XPath باستخدام Firebug الخطوة 27
ابحث عن XPath باستخدام Firebug الخطوة 27

الخطوة 4. انقر فوق العنصر الموجود في صفحة الويب الذي تريد فحصه

سيؤدي ذلك إلى تحديده وإبراز الرمز الخاص به في مستكشف DOM.

ابحث عن XPath باستخدام Firebug الخطوة 28
ابحث عن XPath باستخدام Firebug الخطوة 28

الخطوة 5. لاحظ معلومات XPath في أسفل اللوحة

كل علامة تبويب على طول الجزء السفلي من اللوحة عبارة عن تعبير XPath للعنصر الذي حددته. لا يمكنك نسخه بتنسيق XPath كما هو الحال في Firefox باستخدام Firebug.

موصى به: