תוכל למצוא מידע על XPath עבור רכיבי אתר באמצעות כלי הפיתוח של רוב הדפדפנים. Firebug for Firefox מאפשר לך להעתיק מידע על XPath ישירות ללוח שלך. עבור רוב הדפדפנים האחרים, תוכל למצוא את פרטי XPath עבור האלמנט בכלי המפתחים, אך יהיה עליך לעצב אותו בעצמך.
צעדים
שיטה 1 מתוך 4: שימוש ב- Firefox וב- Firebug
שלב 1. התקן את Firebug עבור Firefox
Firebug הוא תוסף מפקח אתרים עבור Firefox.
- לחץ על לחצן תפריט Firefox (☰) ובחר "הרחבות".
- לחץ על "קבל הרחבות" ולאחר מכן לחץ על "קבל הרחבות נוספות!" לַחְצָן.
- חפש את "Firebug" ולאחר מכן לחץ על הלחצן "הוסף לפיירפוקס" שלידו.
- אשר כי ברצונך להתקין את Firebug ולאחר מכן הפעל מחדש את Firefox כאשר תתבקש.
שלב 2. פתח את האתר שברצונך לבדוק
אתה יכול להשתמש ב- Firebug כדי לבדוק כל רכיב באתר כדי למצוא את ה- XPath.
שלב 3. לחץ על הלחצן Firebug
תוכלו למצוא זאת בפינה השמאלית העליונה של החלון. פעולה זו תפתח את החלונית Firebug בתחתית חלון Firefox.
שלב 4. לחץ על לחצן מפקח האלמנטים
תוכל למצוא זאת בשורת הכפתורים העליונה בחלונית Firebug בתחתית החלון, ישירות מימין ללחצן אפשרויות Firebug. זה נראה כמו קופסה עם סמן עכבר שמצביע עליה.
שלב 5. לחץ על רכיב דף האינטרנט שברצונך לבדוק
כאשר תעביר את הסמן מעל לדף האינטרנט, תראה אלמנטים שונים מודגשים. לחץ על זה שאליו ברצונך למצוא את ה- XPath.
שלב 6. לחץ לחיצה ימנית על הקוד המודגש בחלונית Firebug
כאשר אתה לוחץ על רכיב בדף אינטרנט, הקוד הקשור אליו יסומן בחלונית Firebug בתחתית החלון. לחץ לחיצה ימנית על הקוד המודגש הזה.
שלב 7. בחר "העתק XPath" מהתפריט
פעולה זו תעתיק את פרטי XPath של האלמנט ללוח שלך.
אם תבחר "העתק מינימלי XPath", רק המידע הבסיסי של XPath יועתק
שלב 8. הדבק את מידע ה- XPath שהועתק במקום אחר
לאחר העתקת הקוד, אתה יכול פשוט להדביק אותו בכל מקום אחר שאתה צריך על ידי לחיצה ימנית ובחירה באפשרות "הדבק".
שיטה 2 מתוך 4: שימוש ב- Chrome
שלב 1. פתח את האתר שברצונך לבדוק ב- Chrome
אינך צריך התקנות כלשהן כדי שתוכל למצוא את פרטי XPath של רכיבי האתר בעת שימוש ב- Chrome.
שלב 2. הקש
F12 לפתיחת מפקח האתר.
זה יופיע בצד ימין של החלון.
שלב 3. לחץ על כפתור מפקח האלמנטים
תוכל למצוא זאת בפינה השמאלית העליונה של לוח מפקח האתר. הכפתור נראה כמו קופסה עם סמן העכבר שמצביע עליה.
שלב 4. לחץ על הרכיב באתר שברצונך לבדוק
תראה את האלמנטים של האתר כשאתה מעביר את הסמן מעליהם.
שלב 5. לחץ לחיצה ימנית על הקוד המודגש בחלונית המפקח
כאשר אתה לוחץ על אלמנט עם המפקח, הקוד הרלוונטי יסומן אוטומטית בחלונית המפקח בצד ימין של החלון. לחץ לחיצה ימנית על הקוד המודגש.
שלב 6. בחר "העתק" → "העתק XPath
" פעולה זו תעתיק את פרטי XPath של האלמנט ללוח שלך.
שים לב שזה רק מעתיק את המידע XPath המינימלי. Firebug עבור Firefox יכול לתת לך את מלוא המידע של XPath
שלב 7. הדבק את פרטי XPath שהועתקו
תוכל להדביק את פרטי XPath שהועתקו כמו כל מידע שהועתק על ידי לחיצה ימנית בשדה טקסט ובחירה באפשרות "הדבק".
שיטה 3 מתוך 4: שימוש בספארי
שלב 1. לחץ על תפריט Safari ובחר "העדפות
" יהיה עליך להפעיל את תפריט ה- Develop כדי לגשת לכלי השירות Web Inspector.
שלב 2. לחץ על הכרטיסייה "מתקדם"
פעולה זו תציג הגדרות Safari מתקדמות.
שלב 3. סמן את התיבה "הצג תפריט לפתח בשורת התפריטים"
תפריט ה- Develop יופיע מיד בשורת התפריטים.
שלב 4. פתח את האתר שברצונך לבדוק
סגור את תפריט העדפות ובקר באתר המכיל את האלמנט שעבורו ברצונך לקבל XPath.
שלב 5. לחץ על תפריט פיתוח ובחר "הצג מפקח אתרים
" החלונית Web Inspector תופיע בתחתית החלון.
שלב 6. לחץ על הלחצן "התחל בחירת רכיב"
זה נראה כמו שערה, ניתן למצוא בשורת הכפתורים העליונה בחלונית Web Inspector.
שלב 7. לחץ על הרכיב באתר שברצונך לבדוק
פעולה זו תדגיש את הקוד של רכיב זה בחלונית Web Inspector בתחתית החלון.
שלב 8. שימו לב למידע XPath בראש העץ
אינך יכול להעתיק ישירות את ה- XPath, אך תוכל לראות את הנתיב המלא המצויר מעל הקוד המוצג במפקח האינטרנט. כל כרטיסייה היא ביטוי לנתיב.
שיטה 4 מתוך 4: שימוש ב- Internet Explorer
שלב 1. פתח את האתר שברצונך לבדוק ב- Internet Explorer
אינך צריך להתקין דבר כדי למצוא את XPath ב- Internet Explorer. פתח את האתר המכיל את האלמנט שברצונך לבדוק.
שלב 2. הקש F12 כדי לפתוח את כלי המפתחים
לוח כלי הפיתוח יופיע בתחתית החלון.
שלב 3. לחץ על הלחצן "בחר רכיב"
תוכל למצוא זאת בפינה השמאלית העליונה של לוח הכלים למפתחים.
שלב 4. לחץ על הרכיב בדף האינטרנט שברצונך לבדוק
פעולה זו תבחר אותו ותדגיש את הקוד עבורה בסייר ה- DOM.
שלב 5. שים לב למידע XPath בתחתית הלוח
כל אחת מהכרטיסיות בתחתית החלונית היא ביטוי XPath לאלמנט שבחרת. אינך יכול להעתיק אותו בפורמט XPath כפי שאתה יכול ב- Firefox עם Firebug.