הצג את קוד המקור של דף אינטרנט בכל דפדפן

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

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

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

למה אתה רוצה לראות את קוד המקור?

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

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

להלן הוראות כיצד להציג קוד מקור בדפדפן שבחרת.

גוגל כרום

פועל: Chrome OS, Linux, MacOS, Windows

גרסת שולחן העבודה של Chrome מציעה שלוש שיטות שונות להצגת קוד המקור של הדף, הראשונה והפשוטה ביותר באמצעות קיצור המקשים הבא: CTRL + U (COMMAND + OPTION + U על MACOS).

בלחיצה, קיצור דרך זה פותח כרטיסיית דפדפן חדשה המציגה HTML וקוד אחר עבור הדף הפעיל. מקור זה הוא מקודד צבע מובנה באופן זה עושה את זה פשוט כדי comparmentalize ולמצוא את מה שאתה מחפש. תוכל גם להגיע לשם על ידי הזנת הטקסט הבא בסרגל הכתובות של Chrome, המצורף לצד השמאלי של כתובת האתר של הדף, ולבחור את להיכנס המפתח you ראה מקור: (כלומר, מקור תצוגה: https: //www.Go-Travels.com).

השיטה השלישית היא באמצעות כלי הפיתוח של Chrome, המאפשרים לך לצלול עמוק יותר לתוך הקוד של הדף, כמו גם לצבוט אותו ב- the-fly למטרות בדיקה ופיתוח. ניתן לפתוח את ממשק כלי הפיתוח ולסגור אותו באמצעות קיצור מקשים זה: CTRL + SHIFT + I (פקודה + אפשרות + I על MACOS). ניתן גם להפעיל אותם על ידי נקיטת הנתיב הבא.

1. בחר בלחצן התפריט הראשי של Chrome, הממוקם בפינה הימנית העליונה ומייצג שלוש נקודות מיושרות אנכית.

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

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

אנדרואיד

הצגה של מקור דף אינטרנט ב- Chrome עבור Android היא פשוטה כמו הוספת הטקסט הבא לקדמת הכתובת (או כתובת האתר) ושליחתו: ראה מקור:. דוגמה לכך תהיה View-source: https: //www.Go-Travels.com . HTML וקוד אחר מהדף המדובר יוצגו באופן מיידי בחלון הפעיל.

iOS

אמנם אין שיטות מקוריות להצגת קוד מקור באמצעות Chrome ב- iPad, iPhone או iPod touch, הפשוטה והיעילה ביותר היא להשתמש בפתרון של צד שלישי, כגון אפליקציית View Source.

זמין עבור $ 0.99 ב- App Store, View Source מבקש ממך להזין את כתובת האתר של הדף (או להעתיק / להדביק אותו מסרגל הכתובות של Chrome, שהוא לפעמים הנתיב הפשוט ביותר לביצוע) וזהו. בנוסף להצגת HTML וקוד מקור אחר, האפליקציה כוללת גם כרטיסיות המציגות נכסי דף בודדים, מודל אובייקט המסמך (DOM), וכן גודל הדף, קובצי cookie ופרטים מעניינים אחרים.

מיקרוסופט אדג

פועל ב: Windows

דפדפן Edge מאפשר לך להציג, לנתח ואף לתפעל את קוד המקור של הדף הנוכחי באמצעות ממשק כלי הפיתוח. כדי לגשת למכשיר זה שימושי תוכל להשתמש באחד מקיצורי המקשים הבאים: F12 או CTRL + U. אם אתה מעדיף את העכבר במקום זאת, לחץ על לחצן התפריט של אדג '(שלוש נקודות הממוקמות בפינה הימנית העליונה) ובחר את F12 כלי פיתוח אפשרות מהרשימה.

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

Mozilla Firefox

רץ ב: לינוקס, MacOS, Windows

כדי להציג קוד מקור של הדף בגירסת שולחן העבודה של Firefox אתה יכול ללחוץ CTRL + U (COMM you map ב- MacOS) במקלדת, אשר תפתח כרטיסייה חדשה המכילה HTML וקוד אחר עבור דף האינטרנט הפעיל.

הקלדת הטקסט הבא בשורת הכתובת של Firefox, ישירות משמאל לכתובת האתר, תגרום למקור זהה להופיע בכרטיסייה הנוכחית במקום: ראה מקור: ( כלומר, מקור תצוגה: https: //www.dotdash.com ).

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

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

2. כאשר מופיע התפריט המוקפץ, לחץ על מפתח "סמל מפתח ברגים.

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

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

אנדרואיד

הצגת קוד המקור בגרסת Android של Firefox ניתנת להשגה על ידי קידומת כתובת האתר של הדף עם הטקסט הבא: ראה מקור:. לדוגמה, כדי להציג את מקור ה- HTML עבור Dotdash, עליך לשלוח את הטקסט הבא בשורת הכתובת של הדפדפן: View-source: https: //www.dotdash.com .

iOS

השיטה המומלצת שלנו להצגת קוד מקור של דף אינטרנט ב- iPad, iPhone או iPod touch היא דרך האפליקציה View Source, הזמינה ב- App Store תמורת $ 0.99. אמנם אינך משולב ישירות עם Firefox, תוכל להעתיק ולהדביק בקלות כתובת אתר מהדפדפן אל האפליקציה כדי לחשוף את ה- HTML וקוד אחר המשויך לדף המדובר.

ספארי אפל

פועל ב- iOS ו- MacOS

iOS

למרות ש- Safari עבור iOS אינו כולל את היכולת להציג את מקור הדף כברירת מחדל, הדפדפן אכן משתלב בצורה חלקה למדי עם האפליקציה View Source, הזמינה ב- App Store תמורת $ 0.99.

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

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

MacOS

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

1. בחר ספארי בתפריט הדפדפן, הממוקם בחלק העליון של המסך.

2. כאשר התפריט הנפתח מופיע, בחר את העדפות אפשרות.

3. העדפות של ספארי עכשיו צריך להיות גלוי. הקלק על ה מתקדם סמל, הממוקם בצד השמאלי ביותר של השורה העליונה.

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

5. בחר את לפתח , הממוקם בחלק העליון של המסך.

6. כאשר התפריט הנפתח מופיע, בחר הצג מקור דף. ניתן גם להשתמש בקיצור המקשים הבא: COMMAND + OPTION + U.

אופרה

רץ ב: לינוקס, MacOS, Windows

כדי להציג קוד מקור מדף האינטרנט הפעיל בדפדפן Opera השתמש בקיצור המקשים הבא: CTRL + U (COMMAND + OPTION + U על MACOS). אם אתה מעדיף לטעון את המקור בכרטיסייה הנוכחית במקום זאת, הקלד את הטקסט הבא משמאל לכתובת האתר בשורת הכתובת, ולחץ על הזן: View-source: ( כלומר, מקור תצוגה: https: //www.Go-Travels.com ).

גרסת שולחן העבודה של Opera מאפשרת לך גם להציג קוד HTML, CSS ורכיבים אחרים באמצעות כלי הפיתוח המשולבים שלו. כדי להפעיל ממשק זה, אשר כברירת מחדל יופיע בצד הימני של חלון הדפדפן הראשי, לחץ על קיצור המקשים הבא: CTRL + SHIFT + I (פקודה + אפשרות + I על MACOS).

ערכת הכלים למפתחים של Opera נגישה גם על ידי ביצוע השלבים הבאים.

1. בחר את לוגו האופרה, הממוקם בפינה השמאלית העליונה של חלון הדפדפן.

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

3. לחץ על הצג תפריט מפתח.

4. בחר שוב את לוגו האופרה.

5. כאשר התפריט הנפתח מופיע, העבר את הסמן מעל מפתח.

6. כאשר תפריט המשנה מופיע, בחר כלי מפתח.

ויואלדי

קיימות מספר דרכים להצגת מקור הדף בתוך הדפדפן של Vivaldi. הפשוטה ביותר היא דרך CTRL + U קיצור מקשים, המציג קוד מתוך הדף הפעיל בכרטיסייה חדשה.

תוכל גם להוסיף את הטקסט הבא לחזית כתובת האתר של הדף, המציג את קוד המקור בכרטיסייה הנוכחית: ראה מקור:. דוגמה לכך תהיה View-source: http: //www.dotdash.com .

שיטה נוספת היא באמצעות כלי פיתוח משולבים של הדפדפן, נגיש על ידי לחיצה על CTRL + SHIFT + I שילוב או דרך כלי מפתח אפשרות בדפדפן כלים התפריט - נמצא על ידי בחירת אשר לוגו בפינה השמאלית העליונה. שימוש בכלי dev מאפשר ניתוח מעמיק הרבה יותר של מקור הדף.