כיצד לבדוק אלמנט ב-Mac בכל דפדפן

אי פעם היית סקרן לגבי קוד המקור של דף אינטרנט? כמעט לכל דפדפן אינטרנט, כולל הדפדפן המקורי של ה-Mac שלך, יש תכונה המאפשרת לך להסתכל עליו - זה נקרא Inspect Element.

לא רק שאתה יכול לראות את קוד דף האינטרנט HTML, CSS ו-JavaScript עם Inspect Element, אלא שאתה יכול גם לשנות אותו. זה מאפשר למפתחים לבדוק דפי אינטרנט ויישומי אינטרנט עם התכונה, אך משתמשים יכולים להשתמש בה גם כדי לשנות גופנים בדפדפנים האישיים שלהם.

בדוק את השלבים שלהלן כדי ללמוד כיצד להשתמש ב-Inspect Element בכל דפדפן ב-Mac שלך ולהתחיל לשנות קוד.

כיצד לבדוק אלמנט בספארי ובדפדפנים אחרים ב-Mac

השימוש בתכונת Inspect Element זהה בכל דפדפני האינטרנט הזמינים עבור macOS. אתה יכול להפעיל אותו בכמה לחיצות בלבד. החריג לכך הוא Safari, שדורש הפעלת Inspect Element לפני שניתן יהיה להשתמש בו. תיארנו כיצד להפעיל את זה בסעיף נפרד למטה.

אבל כדי להשתמש ב-Inspect Element בדפדפן ה-Mac המועדף עליך באופן כללי (או ברגע שהוא מופעל):

1. פתח את הדפדפן הרצוי ונווט לדף אינטרנט שברצונך לבדוק.
2. לִשְׁלוֹט-לחץ (לחץ לחיצה ימנית) בכל מקום בדף האינטרנט, ובחר לִבדוֹק אוֹ בדוק את האלמנט מתפריט ההקשר. אתה יכול גם להשתמש בקיצור המקלדת Cmd + Shift + C.
3. הכלי Inspector ייפתח, וקוד המקור של דף האינטרנט יופיע. קרא או בצע שינויים בקוד איך שאתה רוצה; למשל, אתה יכול ערוך דפי אינטרנט ב-Safari באמצעות Inspect Element כדי להתעסק עם טקסט ותמונות.
4. כדי לסגור את כלי המפקח, לחץ על איקס לַחְצָן.

כיצד להפעיל את Inspect Element בספארי

כדי להפעיל את התכונה Inspect Element ב-Safari ב-Mac, עליך להפעיל את תפריט הפיתוח. כדי לעשות זאת:

1. פתח את Safari, עבור אל Safari > הגדרות מסרגל התפריטים, או לחץ Cmd +, במקלדת שלך.
2. פנה אל ה מִתקַדֵם לשונית.
3. בדוק את ה הצג את תפריט הפיתוח בשורת התפריטים קופסא.

תפריט הפיתוח אמור להופיע כעת בתפריט העליון כאשר אתה משתמש ב-Safari, ואתה אמור להיות מסוגל לגשת ל-Inspect Element ב-Mac שלך מתפריט ההקשר!

מתי להשתמש ב-Inspect Element בדפדפן שלך

מפתחים יכולים להשתמש ב-Inspect Element כדי לנסות שינויים בפריסה בדפי אינטרנט ובאפליקציות אינטרנט ולבדוק פונקציונליות עבור משתמשים בדפדפנים שונים. אבל זה יכול לשמש גם משתמשים רגילים.

אם לדף אינטרנט יש גופן שקשה לך לקרוא אותו, או אם הוא בצבע שאתה לא אוהב, אתה יכול להשתמש ב-Inspect Element כדי לשנות אותו כך שהדף יהיה קריא יותר או נעים יותר לצפייה. אתה יכול גם שנה כותרות של דפי אינטרנט באמצעות Inspect Element כדי להתעלל בחברים שלך.

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

בדוק אלמנט: תכונה לשיפור חווית המשתמש

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

אנו מקווים שהמדריך שלנו יעזור לך להשתמש בתכונה, כך שבפעם הבאה שיש לך בעיות עם דף אינטרנט בספארי או בכל דפדפן אחר, אתה יודע שיש לך פתרון!