כיצד לבדוק את האלמנט ב- Chrome: 7 שלבים (עם תמונות)

תוכן עניינים:

כיצד לבדוק את האלמנט ב- Chrome: 7 שלבים (עם תמונות)
כיצד לבדוק את האלמנט ב- Chrome: 7 שלבים (עם תמונות)

וִידֵאוֹ: כיצד לבדוק את האלמנט ב- Chrome: 7 שלבים (עם תמונות)

וִידֵאוֹ: כיצד לבדוק את האלמנט ב- Chrome: 7 שלבים (עם תמונות)
וִידֵאוֹ: איך להרחיב את הרקע בפוטושופ 2024, אַפּרִיל
Anonim

WikiHow זה מלמד אותך כיצד לבדוק את קוד המקור של HTML של רכיב ויזואלי בכל דף אינטרנט ב- Google Chrome, באמצעות מחשב.

צעדים

בדוק את האלמנט ב- Chrome שלב 1
בדוק את האלמנט ב- Chrome שלב 1

שלב 1. פתח את Google Chrome במחשב שלך

סמל כרום נראה כמו כדור צבעוני עם נקודה כחולה במרכז. תוכל למצוא אותו בתיקיית היישומים שלך ב- Mac, או בתפריט התחל ב- Windows.

בדוק את האלמנט ב- Chrome שלב 2
בדוק את האלמנט ב- Chrome שלב 2

שלב 2. לחץ על סמל שלוש הנקודות האנכיות

לחצן זה ממוקם ליד שורת הכתובת בפינה השמאלית העליונה של חלון הדפדפן שלך. הוא יפתח תפריט נפתח.

בדוק את האלמנט ב- Chrome שלב 3
בדוק את האלמנט ב- Chrome שלב 3

שלב 3. העבר את העכבר מעל כלים נוספים בתפריט הנפתח

תפריט משנה יופיע.

בדוק את האלמנט ב- Chrome שלב 4
בדוק את האלמנט ב- Chrome שלב 4

שלב 4. לחץ על כלי מפתחים בתפריט המשנה 'כלים נוספים'

פעולה זו תפתח את עמודת המפקח בצד ימין של חלון הדפדפן שלך.

לחלופין, תוכל לפתוח את המפקח באמצעות קיצור מקשים. קיצור זה הוא ⌥ Option+⌘ Cmd+I ב- Mac ו- Ctrl+Alt+I ב- Windows

בדוק את האלמנט ב- Chrome שלב 5
בדוק את האלמנט ב- Chrome שלב 5

שלב 5. העבר את העכבר מעל אלמנט בעמודה 'מפקח'

הזזת העכבר לרכיב או לשורה ב- Inspector תסמן את הרכיב שנבחר בדף האינטרנט.

בדוק את האלמנט ב- Chrome שלב 6
בדוק את האלמנט ב- Chrome שלב 6

שלב 6. לחץ באמצעות לחצן העכבר הימני על רכיב שברצונך לבדוק בכל דף אינטרנט

תפריט לחיצה ימנית יופיע בתיבה נפתחת.

בדוק את האלמנט ב- Chrome שלב 7
בדוק את האלמנט ב- Chrome שלב 7

שלב 7. בחר בדוק בתפריט הנפתח

פעולה זו תגלול את עמודת המפקח למעלה או למטה אל האלמנט שנבחר ותדגיש את קוד המקור שלו.

אינך צריך לפתוח ידנית את עמודת המפקח לשם כך. בחירה לִבדוֹק בתפריט לחיצה ימנית יפתח אוטומטית את המפקח.

מוּמלָץ: