כיצד לערוך דפי אינטרנט בספארי באמצעות Inspect Element

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

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

מה זה Inspect Element?

Inspect Element הוא כלי מפתח. זה זמין בספארי, אם כי גם בדפדפני אינטרנט אחרים כמו Chrome, Firefox ו-Edge. עם Inspect Element, אתה יכול להציץ מאחורי הווילון של אתר אינטרנט כדי לחשוף את הקוד הקדמי שלו, כמו HTML ו-CSS. עם זאת, זה לא מעניק לך נראות של הקצה האחורי, כמו מסדי הנתונים שלו.

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

מדוע כדאי להשתמש ב-Inspect Element?

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

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

לעת עתה, אנו הולכים להתמקד בעריכת היסודות של דף אינטרנט באמצעות Inspect Element.

כיצד לגשת ל-Inspect Element ב-Safari

אתה יכול לפתוח את Inspect Element ב-Safari באמצעות תפריט המפתחים:

1. פתח את Safari.
2. נְקִישָׁה ספארי בשורת התפריטים העליונה.
3. מהתפריט הנפתח, בחר העדפות.
4. בחר את מִתקַדֵם אוֹפְּצִיָה.
5. סמן את התיבה שאומרת הצג את תפריט הפיתוח בשורת התפריטים.

לאחר בחירת אפשרות זו, תוכל מקש ימני בדף אינטרנט ובחר בדוק את האלמנט. לחלופין, אתה יכול לבחור לְפַתֵחַ בשורת התפריטים, ולאחר מכן הצג את מפקח האינטרנט.

כיצד למצוא רכיבי אינטרנט ב-Inspect Element

כדי להתחיל לערוך אלמנט, מקש ימני מה ברצונך לערוך ולחצו בדוק את האלמנט. פעולה זו תפתח את חלון המפתחים, כאשר החלק הרלוונטי מודגש. אתה עשוי לגלות שהאלמנט הספציפי שברצונך להרכיב (התמונה או הטקסט, למשל) מוסתר; כדי לאתר אותו, השתמש ב- חצים בצד שמאל כדי להרחיב את הקטעים המקוננים.

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

כיצד לערוך טקסט של אתר באמצעות Inspect Element

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

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

כיצד לערוך תמונות של אתר באמצעות Inspect Element

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

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

התעמק באתרים באמצעות ספארי

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

כיצד לשנות את סוכן המשתמש ואתרי הטריק של הדפדפן שלך

קרא הבא

על הסופר