מה צריך לדעת
- לחץ לחיצה ימנית על דף האינטרנט ובחר ראה את מקור העמוד .
- קיצור: לחץ Ctrl + IN (Windows PC) או פקודה + אוֹפְּצִיָה + IN (מק).
- כדי להשתמש בכלי המפתחים של Chrome, בחר תַפרִיט (שלוש נקודות) > עוד כלים > כלים למפתחים .
מאמר זה מסביר כיצד לגשת לקוד מקור HTML של אתר אינטרנט בדפדפן Google Chrome, כמו גם לגשת לכלי המפתחים של Chrome ולהשתמש בהם. צפייה בקוד המקור של אתר היא דרך מצוינת למתחילים ללמוד HTML.
הצג את קוד המקור בכרום
אז איך רואים את קוד המקור של אתר אינטרנט? להלן ההוראות המפורטות לעשות זאת באמצעות דפדפן Google Chrome.
-
פתח את ה דפדפן האינטרנט גוגל כרום (אם אין לך Google Chrome מותקן , זו הורדה בחינם).
-
נווט אל דף אינטרנט שאתה רוצה לבדוק .
-
מקש ימני העמוד ועיין בתפריט שמופיע. מהתפריט הזה, לחץ ראה את מקור העמוד .
-
קוד המקור של אותו עמוד יופיע כעת כלשונית חדשה בדפדפן.
-
לחלופין, אתה יכול גם להשתמש במקשי הקיצור של Ctrl + IN במחשב כדי לפתוח חלון עם קוד המקור של האתר המוצג. ב-Mac, קיצור הדרך הזה הוא פקודה + אוֹפְּצִיָה + IN .
הילארי אליסון / Lifewire
לא יכול להפוך את זה ל- Xbox הביתי שלך
השתמש בכלי המפתחים של Chrome
בנוסף לפשוטראה את מקור העמודהיכולת ש-Google Chrome מציע, אתה יכול גם לנצל את היתרונות המצוינים שלהם כלים למפתחים לחפור אפילו יותר עמוק לתוך אתר. כלים אלה יאפשרו לך לראות לא רק את ה-HTML, אלא גם את ה-CSS החל על רכיבי תצוגה במסמך HTML זה.
כדי להשתמש בכלי המפתחים של Chrome:
-
לִפְתוֹחַ גוגל כרום .
-
נווט אל דף האינטרנט שברצונך לבדוק .
-
בחר את תפריט שלוש נקודות בפינה הימנית העליונה של חלון הדפדפן.
-
מהתפריט, העבר את העכבר מעל עוד כלים ולאחר מכן לבחור כלים למפתחים בתפריט שמופיע.
-
ייפתח חלון המציג את קוד מקור ה-HTML משמאל לחלונית ואת ה-CSS הקשור מימין.
-
לחלופין, אם תלחץ לחיצה ימנית אלמנט בדף אינטרנט ובחר לִבדוֹק מהתפריט שמופיע, כלי המפתחים של כרום יופיעו וידגישו את החלק הספציפי שבחרת ב-HTML עם ה-CSS המתאים שמוצג מימין. זה מאוד מועיל אם אתה רוצה ללמוד עוד על חלק מסוים באתר.
חלונות 10 אינם יכולים לגשת לשיתוף רשת
האם צפייה בקוד המקור חוקית?
במהלך השנים, היו לנו הרבה מעצבי אתרים חדשים ששאלו אם זה מקובל לצפות בקוד המקור של אתר ולהשתמש בו לצורך החינוך שלהם ובסופו של דבר עבור העבודה שהם עושים. אמנם העתקת קוד של אתר בסיטונאות והעברתו כקוד שלך באתר היא בהחלט לא מקובלת, השימוש בקוד זה כקרש קפיצה ללמוד ממנו הוא למעשה כמה התקדמויות מתבצעות בתעשייה זו.
כפי שהזכרנו בתחילת מאמר זה, יהיה לך קשה למצוא היום מקצוען אינטרנט עובד שלא למד משהו על ידי צפייה במקור של אתר! כן, לראות את קוד המקור של אתר זה חוקי. שימוש בקוד זה כמשאב כדי לבנות משהו דומה הוא גם בטוח. קבלת קוד כמות שהוא והעברתו כעבודה היא המקום שבו אתה מתחיל להיתקל בבעיות.
כיצד לראות קואורדינטות ב- minecraft
בסופו של דבר, אנשי מקצוע באינטרנט לומדים זה מזה ולעתים קרובות משפרים את העבודה שהם רואים ומקבלים השראה ממנה, אז אל תהססו לצפות בקוד המקור של האתר ולהשתמש בו ככלי למידה.
יותר מסתם HTML
דבר אחד שכדאי לזכור הוא שקובצי מקור יכולים להיות מאוד מסובכים (וככל שהאתר שאתה צופה בו מורכב יותר, כך סביר להניח שהקוד של האתר יהיה מורכב יותר). בנוסף למבנה ה-HTML המרכיב את העמוד, יהיו גם CSS (גליונות סגנונות מדורגים) המכתיבים את המראה החזותי של אותו אתר. בנוסף, אתרי אינטרנט רבים יכללו היום קבצי סקריפט הכלולים יחד עם ה-HTML.
סביר להניח שיהיו קבצי סקריפט מרובים כלולים; למעשה, כל אחד מהם מפעיל היבטים שונים של האתר. למען האמת, קוד המקור של אתר יכול להיראות מהמם, במיוחד אם אתה חדש בתחום הזה. אל תתאכזב אם אתה לא מצליח להבין מה קורה באתר הזה באופן מיידי. צפייה במקור ה-HTML היא רק השלב הראשון בתהליך זה. עם קצת ניסיון, תתחיל להבין טוב יותר כיצד כל החלקים הללו משתלבים זה בזה כדי ליצור את האתר שאתה רואה בדפדפן שלך. ככל שתכירו יותר את הקוד, תוכלו ללמוד ממנו יותר, והוא לא ייראה לכם כל כך מרתיע.
שאלות נפוצות- כיצד אוכל לערוך קוד HTML בכרום?
פתח את כלי המפתחים ב-Chrome על ידי לחיצה Ctrl (אוֹ פקודה על מק) + Shift + I . משם, לחץ Ctrl ( פקודה ב-Mac) + O ובחר את קובץ המקור השמור שברצונך לערוך כדי לפתוח אותו.
- כיצד אוכל להציג את קוד המקור של הדף ב-Chrome אם הצג מקור מושבת?
אם אתר אינטרנט השבית את אפשרות הצג מקור, ייתכן שעדיין תוכל להעיף מבט מתחת למכסה המנוע. מהחלק העליון של חלון הדפדפן בחר נוף > מפתח > ראה מקור , שאמור למשוך את קוד המקור של דף האינטרנט.
- כיצד אוכל להציג את קוד המקור של אתר ב-Chrome באמצעות מכשיר האנדרואיד שלי?
נווט אל האתר שברצונך להציג באמצעות אפליקציית Chrome של המכשיר שלך, ולאחר מכן בחר בשורת הכתובת של הדפדפן. הזז את סמן הטקסט לקצה השמאלי - לפני כתובת האתר - והקלד ראה מקור , ואז הקש להיכנס או בחר ללכת .