Ар бир Серепчиден бир Желе Page баштапкы кодун көрүү керек

Сиз окуп жаткан интернет барагы, башка нерселерден тышкары турат, булак коду. Бул маалымат сиздин браузер жүктөп жатат, азыр окуп жаткан которулат.

Браузерлердин көпчүлүгү эч кандай болбосун Кандай түзмөк кандай түрү, эч кандай кошумча программалык камсыздоону талап менен интернет барактын баштапкы кодун көрүп билүүнү камсыз кылат.

Айрымдар, атүгүл, ал доо кетирет, майдалап, жогорку кызматтарга жана түзүлүшүн сунуш HTML -беттеги жана башка программалоо коду.

Эмне үчүн силер Source Code көргүм келет беле?

бир барактын баштапкы кодун көрүп келет, эмне үчүн бир нече себептер бар. Эгер Желе иштеп жатса, балким, сен дагы бир програмчынын өзгөчө стили жана ишке ашыруу боюнча жаап астында бирөөдөн алып келет. Балким, сен сапатынын кепилдигинин жатасыз жана интернет барактын бир бөлүгү көрсөтүү эмне үчүн же бул жол менен алып жүрө аныктоого аракет кылып жатышат.

Ошондой эле, өз беттерин код жана кээ бир реалдуу мисалдарды издеп кантип билүүгө аракет үйрөнчүк болушу мүмкүн. Албетте, бул категориялардын бирине түшүп, жок, жөн гана, жаалы менен жеке кызыгуумдан улам булагын көрүү үчүн келет мүмкүн.

Төмөндө тизмеленген тандоо сиздин браузерде баштапкы кодун көрүү үчүн кандай көрсөтмөлөр болуп саналат.

Google Chrome

Чуркоо боюнча: Chrome OS, Linux, MacOS, Windows

Chrome жөнүндө рабочий чыгаруу бир барактын баштапкы кодун көрүү үчүн үч түрдүү ыкмаларды сунуш кылат, төмөнкү баскычтарын колдонуп, биринчи жана өтө жөнөкөй: CTRL + U (MacOS боюнча БУЙРУК + OPTION + U).

ыкшап, бул жарлык активдүү беттеги үчүн HTML жана башка кодду көрсөтүү менен жаңы серепчи барагын ачат. Бул булагы, ал жөнөкөй compartmentalize жана сиз издеп жаткан нерсени табууга болот түс-код жана структуралык бир ыкма болуп саналат. Сиз ошондой эле Chrome дарек тилкесиндеги жерде төмөнкү текстти кирип алып, интернет барактын сол жагынан тигилет мүмкүн URL жана негизги кириш чаап: мазмунун-булагы: (б.а., мазмунун-булагы: HTTPS: // WWW .).

Үчүнчү ыкма, Chrome аркылуу болуп иштеп куралдар Сиз кодду түпкү калкып алып, ошондой эле сыноо жана өнүктүрүү максаттары үчүн күнү-чымын Tweak жол. Иштеп аспаптар Interface Бул баскычтар аркылуу ачып жана жаап койсо болот: CTRL + SHIFT + I (БУЙРУК + OPTION + MacOS боюнча I). Ошондой эле төмөнкү жолун алуу менен, аларды ишке киргизүү мүмкүн.

1. Chrome негизги меню кнопкасын басып, жогорку оң-бурчунда жайгашкан жана үч тик түздөлгөн чекит менен берилген.
2. Жайылма меню пайда болгондо, көбүрөөк аспаптар тандоосу үстүнөн чычкандын курсорун чаап барат.
3. Суб-меню пайда болгондо, Иштеп куралдарын басып.

Android
Android үчүн Chrome интернет баракчасында булагы билдирүүлөрдү алдында төмөнкү текстти толуктоо сыяктуу эле жөнөкөй, анын дареги (же URL) жана аны берүү: мазмунун-булагы:. Мунун бир көрyнyшy мазмунун-булагы болмок: HTTPS: // WWW. . суроо-беттеги HTML жана башка коду заматта жигердүү терезенин көрсөтүлөт.

Белги
баштапкы кодун көрүп сиздин Галактика, мулк же текст боюнча Chrome пайдалануу үчүн эч кандай эне жолдору бар болсо да, жөнөкөй жана натыйжалуу кароо Source колдонмосу катары Үчүнчү жактын мындай чечим пайдалануу болуп саналат.

Колдонмо дүкөнүнөн $ 0.99 үчүн жеткиликтүү, кароо Source сиз барактын URL кирет (же көчүрмөсү / Chrome-кээде үчүн жөнөкөй жолу дарек тилкесине, аны көчүрүп,) жана бул ошол түрткү. HTML жана башка баштапкы кодун көрсөтүү менен бирге, колдонмо, ошондой эле жеке баракча каражаттарды кошо өтмөктөр бар, Document Object Model (DOM), ошондой эле барак өлчөмү, кукилер жана башка кызыктуу маалымат.

Текшерүү жагы

Чуркоо боюнча: Windows

Edge браузер карап, анализдеп, ал тургай, азыркы Барактын анын аркылуу булагы кодду өзгөртө аласыз Иштеп Tools иштей. Бул сподручные тартуу мүмкүнчүлүк алуу үчүн бул баскычтардын бири менен колдоно аласыз: F12 же CTRL + U. Эгер анын ордуна чычканды каалайт элем, анда Edge меню баскычы (жогорку оң-бурчунда жайгашкан үч чекит) басып жана тизмектен F12 Иштеп Tools тандоо.

Иштеп чыгуучунун куралдары биринчи жолу Нускасы кийин, Edge браузердин контексттик менюдан эки кошумча кошумчалайт (каалаган желе беттеги ичинде оң-баскычы менен жеткиликтүү): элементи жана кароо булагын карап, иштеп чыгуучу жана Debugger бөлүгүн ачып турган акыркы аспаптар Interface булак коду менен калк.

Mozilla Firefox

Түгөнүп: Linux, MacOS, Windows

Беттеги булагы активдүү интернет-баракчага HTML жана башка кодду камтыган жаңы барагын ачат Firefox силерге тергичтен CTRL + U (БУЙРУК + U MacOS боюнча) басып алат рабочий чыгаруу, кодду көрүү үчүн.

Түздөн-түз барактын URL сол, Firefox дарек тилкесиндеги төмөнкүдөй текст терип, анын ордуна азыркы өтмөктө көрүнүп эле булагын алып келем: мазмунун-булагы: (б.а., мазмунун-булагы: HTTPS. // WWW) .

бир барактын баштапкы кодун алуу үчүн дагы бир жолу Firefox менен иштеп куралдар аркылуу эмес, төмөнкү аракеттерди аткаруу менен жеткиликтүү.

1. Негизги меню кнопкасын басып, сиздин браузердин Терезенин жогорку оң-бурчунда жайгашкан жана үч түз сызыктар менен берилген.
2. Поп-чыгып меню чыкканда, Иштеп "ачкыч" уясынын белгисине.
3. Web Developer контексттик меню азыр көрүнүп турушу керек. Page Source тандоо.

Firefox, ошондой эле, бул маселелерди өзүнчө жеңил берип, бетине бир бөлүгү баштапкы кодун көрүү берет. Ан үчүн, биринчи сиз чычкан менен кызыкдар аймакты көрүүгө болот. Кийинки, оң-чыкылдатып, Серепчинин контексттик менюдан тандоо булагын тандоо.

Android
Firefox менен Android нускасында баштапкы кодун көрүү интернет барактын URL төмөнкү текст менен атланы менен жетүүгө болот: мазмунун-булагы:. Мисалы, сиз, серепчинин дарек тилкесиндеги төмөнкү текстти тапшырат элем үчүн HTML кодун көрүү үчүн: мазмунун-булагы: HTTPS: // Www. .

Белги
Биздин сунуш сиздин Галактика, мулк же текст песни желе бет баштапкы кодун көрүү ыкмасы кароо Source колдонмосу, жеткиликтүү Колдонмо дүкөнүнөн $ 0.99 үчүн аркылуу. Firefox менен түздөн-түз киргизилген эмес, бирок чынында эле беттеги менен байланышкан HTML жана башка кодду пайда болмоюнча үчүн колдонмо салып браузер бир URL жонокой ксеркөчүрмөсүн болот.

Apple Safari

Уюлдук жана MacOS түгөнүп

Белги
Safari Уюлдук үчүн демейки боюнча бет булагын көрө билүүнү камтыйт жок болсо да, браузер, тескерисинче, жашыруун кароо Source колдонмосу менен кошо жатат - жеткиликтүү App Store-жылы $ 0.99 үчүн.

Бул үчүнчү тараптардын колдонмолорунун кайтып Бөлүшүү баскычын Safari браузер жана таптоо үчүн, аянтка менен экрандын түбүндө жайгашкан жана өкүлдөрү жана чейин ок орнотуу кийин. Белги бөлүшүү барагы Азыр Safari терезесинин төмөнкү жарымын капталды, көрүнүп турушу керек. Укугун чейин жылдырып жана Көрүү Source баскычын тандоо.

активдүү барактын баштапкы кодун бир түс-код, структуралык өкүлчүлүк азыр сиз бет мүлктү, скрипттерин жана көбүрөөк көрүү үчүн уруксат башка барактардан менен бирге болушу керек.

MacOS
Safari-жылдын рабочий нускасы бир барактын баштапкы кодун көрүү үчүн, адегенде анын Меню түзүү, камсыз кылуу үчүн керек. кадамдар Төмөндөгү жашырылган бул менюну иштетип жана Барактын HTML булагын көрсөтүү аркылуу жүрүшөт.

1. Экрандын жогору жагында жайгашкан серепчи менюсунда Safari буолбут.
2. Жайылма меню пайда болгондо, Preferences жолду тандоо.
3. Safari анын Preferences азыр көрүнүп турушу керек. Жогорку катар алыскы оң колу жагында жайгашкан Advanced сөлөкөтүн, бас.
4. Advanced бөлүмгө түбүнө карай бош желекче менен коштолгон жол ачаар Show менюсунан менюсун иштеп чыгуу болуп саналат. ага бир чек белги коюп жолу коробкага Click, Кызыл чыкылдатуу менен Preferences терезени жабуу жогорку сол бурчунда ашык "X".
5. Экрандын жогору жагында жайгашкан менюну иштеп чыгуу тапшырмасын берген.
6. Жайылма меню пайда болгондо, К Page Source тандоо. Ошондой эле, анын ордуна кийинки баскычтарын колдоно аласыз: COMMAND + OPTION + U.

опера

Түгөнүп: Linux, MacOS, Windows

Opera браузерде активдүү интернет барагынан баштапкы кодун көрүү үчүн төмөнкү баскычтарын колдонуп: CTRL + U (MacOS боюнча БУЙРУК + OPTION + U). Сиз учурдагы өтмөктө булагы жүктөөдө каалайт элем, анда дарек тилкесине ичинде барактын URL сол төмөнкү текстти терип, уруп кириш: мазмунун-булагы: (б.а., мазмунун-булагы: HTTPS: // WWW. ).

Опера рабочий чыгаруу, ошондой эле анын комплекстүү колдонуу менен HTML булагы, CSS жана башка элементтерди көрүүгө мүмкүнчүлүк берет иштеп чыгуучунун куралдары . Соккудан, демейки боюнча негизги серепчи терезесинин оң колу жагында пайда болот ишке киргизүү үчүн, төмөнкү баскычтарын басып: CTRL + SHIFT + I (БУЙРУК + OPTION + MacOS боюнча I).

Опера иштеп куралдар топтому, ошондой эле төмөнкү аракеттерди аткаруу менен жетүү мүмкүн эмес болуп калды.

1. браузер Терезенин жогорку сол бурчунда жайгашкан Opera лого, бас.
2. Жайылма меню пайда болгондо, көбүрөөк аспаптар тандоосу үстүнөн чычкандын курсорун чаап барат.
3. Show иштеп менюну чыкылдатып.
4. кайра Opera логотиби буолбут.
5. Жайылма меню чыкканда Иштеп сенин курсорду чаап барат.
6. Суб-меню пайда болгондо, Өндүрүүчүнүн куралдарынан басып.

Vivaldi

Vivaldi браузеринин ичинде бет булагын көрүү үчүн бир нече жолдору бар. Жөнөкөй жаңы өтмөктө активдүү бетинен коду көрсөтүлөт CTRL + U баскыч аркылуу жүргүзүлөт.

Ошондой эле ушул өтмөктө баштапкы кодун көрсөтүп барактын URL алдына төмөнкү текстти, кошууга болот: мазмунун булагы:. Мунун бир көрyнyшy мазмунун-булагы болмок: HTTP: // WWW. .

Дагы бир ыкма серепчисинин комплекстүү иштеп куралдар аркылуу, CTRL + SHIFT басуу аркылуу жеткиликтүү + Мен айкашын же серепчисинин Куралдар менюсундагы Иштеп Tools тандоосу аркылуу - жогорку сол бурчунда "V" логотиби чыкылдатуу менен табылган. иштеп чыгуучунун куралдарын колдонуу Барактын булагы бир кыйла кылдат талдоо үчүн мүмкүнчүлүк берет.