ווי צו קוק דעם HTML מקור אין Google קראָום

לערנט ווי אַ וועבזייטל איז געווען געבויט דורך מיינונג זייַן מקור קאָד

ווען איך ערשטער אנגעהויבן מיין קאַריערע ווי אַ וועב דיזיינער, איך געלערנט אַזוי פיל דורך ריוויוינג די אַרבעט פון אנדערע וועב דיזיינערז וועמען איך אַדמייערד. איך בין נישט אַליין אין דעם. אויב איר זענט נייַ צו די וועב אינדוסטריע אָדער אַ וויזיטיד וועטעראַן, די HTML מקור פון פאַרשידענע וועב זייַטלעך איז עפּעס אַז איר קען זיין פילע מאל אויף די קורס פון דיין קאַריערע.

פֿאַר די נייַע וועב דיזיינז, די מקור קאָד פון די פּלאַץ איז איינער פון די יזיאַסט דרכים צו זען ווי עטלעכע זאכן זענען געטאן אַזוי אַז איר קענען לערנען פון וואָס אַרבעט און אָנהייבן צו נוצן זיכער קאָד אָדער טעקניקס אין דיין אייגן אַרבעט. ווי קיין וועב דיזיינער אַרבעט הייַנט, ספּעציעל די וואס זענען געווען אין אים זינט די פרי טעג פון די אינדוסטריע, און עס ס אַ זיכער געוועט אַז זיי זאָגן איר זיי געלערנט HTML פשוט דורך וויזשאַווינג די מקור פון די וועב זייַטלעך וואָס זיי געזען און זענען ינטריגדד דורך. אין דערצו צו לייענען וועב פּלאַן ביכער אָדער אַטענדינג פאַכמאַן קאַנפראַנסאַז , וויוינג אַ פּלאַץ ס מקור קאָד איז אַ גרויס וועג פֿאַר ביגינערז צו לערנען HTML.

מער ווי פונקט HTML

איין זאַך צו געדענקען איז אַז מקור טעקעס קענען זיין זייער קאָמפּליצירט (און די מער קאָמפּליצירט די וועבזייטל איר זענען קוקן פֿאַר, די מער קאָמפּליצירט אַז פּלאַץ קאָד איז מסתּמא צו זיין). אין דערצו צו די HTML סטרוקטור אַז מאכט אַרויף די בלאַט איר זענען וואַטשינג, עס וועט זיין אויך CSS (קאַסקיידינג נוסח שיץ) וואָס דיקטירן דעם וויזשאַוואַל אויסזען פון דעם פּלאַץ. דערצו, פילע וועבסיטעס הייַנט וועט אַרייַננעמען שריפט טעקעס אַרייַנגערעכנט צוזאמען מיט די HTML.

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

אַזוי ווי טאָן איר זען די מקור קאָד פון אַ וועבזייַטל? דאָ ס דער שריט ינסטאָלז צו מאַכן דעם Google Chrome בלעטערער.

שריט דורך שריט ינסטראַקשאַנז

  1. עפענען די Google קראָום וועב בלעטערער (אויב איר טאָן ניט האָבן Google קראָום, דאָס איז אַ פֿרייַ אראפקאפיע).
  2. נאַוויגאַציע צו די וועב בלאַט איר ווילן צו ונטערזוכן .
  3. רעכט גיט דעם בלאַט און קוק בייַ די מעניו אַז אויס. פון דעם מעניו, גיט View מקור .
  4. דער מקור קאָד פֿאַר דעם בלאַט וועט איצט ווייַזן ווי אַ נייַע קוויטל אין דעם בלעטערער.
  5. אַלטערנאַטיוועלי, איר קענען אויך נוצן די קלאַוויאַטור שאָרטקאַץ פון קטרל + ו אויף אַ פּיסי צו עפענען אַ פֿענצטער מיט אַ מאַפּע מקור קאָד געוויזן. אויף אַ מעק, דעם דורכוועג איז קאַמאַנד + אַלט + ו .

דעוועלאָפּער מכשירים

אין די פּשוט View View מקור פיייקייַט אַז Google קראָום אָפפערס, איר קענען אויך נוצן די ויסגעצייכנט דעוועלאָפּער מכשירים צו גראָבן אַפֿילו דיפּער אין אַ פּלאַץ. די מכשירים לאָזן איר ניט בלויז זען די HTML, אָבער אויך די קסס אַז אַפּלייז צו מיינונג עלעמענטן אין אַז HTML דאָקומענט.

צו נוצן קראָום ס דעוועלאָפּער מכשירים:

  1. עפענען Google קראָום .
  2. נאַוויגאַציע צו די וועב בלאַט איר ווילן צו ונטערזוכן .
  3. דריקט דעם בילדל מיט דרייַ שורות אין דער אויבערשטער רעכט ווינקל פון דעם בלעטערער פֿענצטער.
  4. פון די מעניו, האָווער איבער מער מכשירים און דעמאָלט גיט דעוועלאָפּער מכשירים אין די מעניו אַז אויס.
  5. דעם וועט עפענען אַ פֿענצטער וואָס ווייַזן דעם HTML מקור קאָד אויף די לינקס פון די שויב און די פֿאַרבונדענע CSS אויף די רעכט.
  6. אַלטערנאַטיוועלי, אויב איר רעכט גיט אַן עלעמענט אין אַ וועב בלאַט און סעלעקטירן ינספּעקט פון די מעניו וואָס איז אויסגעקליבן, קראָום ס דעוועלאָפּער מכשירים וועט קנאַל אַרויף און די פּינטלעך עלעמענט איר האָט אויסגעקליבן אין די HTML מיט די קאָראַספּאַנדינג CSS געוויזן צו די רעכט. דעם איז סופּער נוציק אויב איר ווילן צו לערנען מער וועגן ווי אַ ספּעציפיש שטיק פון אַ פּלאַץ איז קראַפטעד.

איז ווייַז מקור קאָוד לעגאַל?

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

ווי איך געזאגט אין די אָנהייב פון דעם אַרטיקל, איר וואָלט זיין שווער פּרעסט צו געפֿינען אַ פאַכמאַן וועב-אַפּעריישאַנאַל הייַנט וואָס האט ניט געלערנט עפּעס דורך די מקור פון אַ פּלאַץ! יאָ, די מקור קאָד מקור קאָד איז לעגאַל. ניצן דעם קאָד ווי אַ מיטל צו בויען עפּעס ענלעך איז אויך פייַן. גענומען קאָד ווי-איז און פאָרן עס אַוועק ווי דיין אַרבעט איז ווו איר אָנהייבן צו טרעפן פּראָבלעמס.

אין די סוף, וועב פּראָפעססיאָנאַלס לערנען פון יעדער אנדערער און אָפט פֿאַרבעסערן אויף די ווערק וואָס זיי זען און זענען ינספּייערד דורך, אַזוי טאָן נישט קווענקלען צו קוקן אויף אַ פּלאַץ מקור קאָד און נוצן עס ווי אַ לערנען געצייַג.