Какво трябва да знаете
- Щракнете с десния бутон върху уеб страницата и изберете Виж източника на страницата .
- Бърз достъп: Натиснете Ctrl + IN (Windows PC) или командване + опция + IN (Mac).
- За да използвате инструментите за разработчици на Chrome, изберете Меню (три точки) > Още инструменти > Инструменти за разработчици .
Тази статия обяснява как да получите достъп до изходния HTML код на уебсайт в уеб браузъра Google Chrome, както и да получите достъп и да използвате инструментите за разработчици на Chrome. Прегледът на изходния код на сайт е отличен начин за начинаещите да научат HTML.
Вижте изходния код в Chrome
И така, как виждате изходния код на уебсайт? Ето инструкциите стъпка по стъпка как да направите това с помощта на браузъра Google Chrome.
-
Отвори Уеб браузър Google Chrome (ако нямате Google Chrome е инсталиран , това е безплатно изтегляне).
-
Навигирайте до уеб страница, която искате да разгледате .
-
Кликнете с десния бутон страницата и погледнете менюто, което се появява. От това меню щракнете Виж източника на страницата .
-
Изходният код за тази страница сега ще се появи като нов раздел в браузъра.
-
Като алтернатива можете също да използвате клавишните комбинации на Ctrl + IN на компютър, за да отворите прозорец с показан изходен код на сайт. На Mac този пряк път е командване + опция + IN .
Хилари Алисън / Lifewire
как да облека запази инвентара в minecraft
Използвайте инструментите за разработчици на Chrome
В допълнение към проститеВиж източника на страницатавъзможността, която предлага Google Chrome, можете да се възползвате и от отличните им Инструменти за разработчици да копаете още по-дълбоко в даден сайт. Тези инструменти ще ви позволят не само да видите HTML, но и CSS, който се прилага за преглед на елементи в този HTML документ.
За да използвате инструментите за разработчици на Chrome:
-
Отворете Google Chrome .
-
Навигирайте до уеб страницата, която искате да разгледате .
-
Изберете меню с три точки в горния десен ъгъл на прозореца на браузъра.
-
От менюто задръжте курсора на мишката върху Още инструменти и след това изберете Инструменти за разработчици в появилото се меню.
-
Ще се отвори прозорец, който показва изходния HTML код отляво на прозореца и свързания CSS отдясно.
-
Като алтернатива, ако щракнете с десния бутон елемент в уеб страница и изберете Инспектирайте от менюто, което се показва, инструментите за разработчици на Chrome ще изскочат и ще маркират конкретната част, която сте избрали в HTML, със съответния CSS, показан вдясно. Супер полезно е, ако искате да научите повече за определена част от сайт.
как да разберете, че някой ви е блокирал в snapchat
Законно ли е разглеждането на изходния код?
През годините имахме много нови уеб дизайнери, които се питаха дали е приемливо да преглеждат изходния код на сайт и да го използват за своето образование и в крайна сметка за работата, която вършат. Въпреки че копирането на кода на сайт на едро и предаването му като ваш собствен на уебсайт със сигурност не е приемливо, използването на този код като трамплин, от който да се учите, всъщност е колко много напредък е постигнат в тази индустрия.
Както споменахме в началото на тази статия, днес ще ви бъде трудно да намерите работещ уеб специалист, който да не е научил нещо, като е преглеждал изходния код на сайта! Да, разглеждането на изходния код на сайта е законно. Използването на този код като ресурс за изграждане на нещо подобно също е безопасно. Приемането на кода такъв, какъвто е и предаването му като ваша работа е мястото, където започвате да срещате проблеми.
В крайна сметка уеб професионалистите се учат един от друг и често подобряват работата, която виждат и от която са вдъхновени, така че не се колебайте да видите изходния код на сайта и да го използвате като инструмент за обучение.
Повече от просто HTML
Едно нещо, което трябва да запомните е, че изходните файлове могат да бъдат много сложни (и колкото по-сложен е уебсайтът, който разглеждате, толкова по-сложен е кодът на сайта). В допълнение към HTML структурата, която изгражда страницата, ще има и CSS (каскадни стилови таблици), които диктуват визуалния облик на този сайт. Освен това много уебсайтове днес ще включват скриптови файлове, включени заедно с HTML.
Вероятно ще има включени множество скриптови файлове; всъщност всеки от тях захранва различни аспекти на сайта. Честно казано, изходният код на сайт може да изглежда непосилен, особено ако сте нов в това. Не се разочаровайте, ако не можете веднага да разберете какво се случва с този сайт. Прегледът на HTML източника е само първата стъпка в този процес. С малко опит ще започнете да разбирате по-добре как всички тези части се съчетават, за да създадат уебсайта, който виждате в браузъра си. Когато се запознаете по-добре с кода, ще можете да научите повече от него и той няма да ви изглежда толкова плашещ.
ЧЗВ- Как да редактирам HTML код в Chrome?
Отворете Инструменти за разработчици в Chrome, като натиснете Ctrl (или командване на Mac) + Shift + I . Оттам натиснете Ctrl ( командване на Mac) + О и изберете записания изходен файл, който искате да редактирате, за да го отворите.
- Как да видя изходния код на страницата в Chrome, ако View Source е деактивиран?
Ако даден уебсайт е деактивирал опцията Преглед на изходния код, все пак може да можете да надникнете под капака. От горната част на прозореца на браузъра изберете Преглед > Разработчик > Виж източника , което трябва да изтегли изходния код на уеб страницата.
как да премахнете реверберацията в дързост
- Как да видя изходния код на сайт в Chrome с моето устройство с Android?
Отидете до уебсайта, който искате да видите, като използвате приложението Chrome на вашето устройство, след което изберете адресната лента на браузъра. Преместете текстовия курсор най-вляво - пред URL адреса - и въведете виж източника , след това натиснете Въведете или изберете Отивам .