Погледајте ХТМЛ и ЦСС било које веб странице
Сајт је изграђен са линијама кода , али резултат је одређене странице са сликама, видео записима, фонтовима и још много тога. Да бисте променили један од тих елемената или видели од чега се састоји, морате пронаћи одређену линију кода која га контролише. То можете урадити помоћу алата за преглед елемента.
Већина веб прегледача не чине вас да преузимате алатку за преглед или инсталирате додатак. Уместо тога, они вам омогућавају да кликнете десним тастером миша на елемент странице и изаберете Преглед или Преглед елемента . Међутим, процес може бити мало другачији у вашем претраживачу.
Прегледајте елементе у Цхроме-у
Најновије верзије Гоогле Цхроме-а вам омогућавају да прегледате страницу на неколико начина, а све то користи уграђени Цхроме ДевТоолс:
- Десним тастером миша кликните нешто на страници (или празно подручје) и изаберите Инспецт
- Унесите пречицу тастатуре Цтрл + Схифт + И
- Користите Цхроме мени да бисте приступили опцији Море Тоолс> Девелопер тоолс
Цхроме ДевТоолс вам омогућава да једноставно копирате или уређујете ХТМЛ линије или потпуно сакријете или обришете елементе (све док се страница не учита).
Када се ДевТоолс отвори са стране странице, можете да промените место где се налази, да га попуштате са стране, претражите све датотеке датотеке, изаберете елементе са странице за одређени преглед, копирате датотеке и УРЛ-ове, па чак и прилагодите гомилу поставки.
Прегледајте елементе у Фирефоку
Као и Цхроме, Фирефок има неколико различитих начина за отварање алата под именом Инспецтор:
- Десним тастером миша кликните на празно подручје на страници или одаберите елемент, па изаберите Инспецт Елемент
- Укуцајте Цтрл + Схифт + Т или Цтрл + Схифт + И помоћу тастатуре
- Из менија Фирефок кликните Девелопер > Инспецтор
- У менију Алатке кликните Веб Девелопер> Инспецтор
Док померате мишем преко различитих елемената у Фирефоку, алатка Инспецтор аутоматски проналази информације о изворном коду елемента. Кликните на елемент и претражите се "он-тхе-фли" и можете га прегледати из прозора Инспецтор.
Десним тастером миша кликните на елемент да бисте пронашли све подржане контроле. Можете да урадите ствари попут уређивања странице као ХТМЛ-а, копирајте или налепите унутрашњи или спољашњи ХТМЛ код, покажите ДОМ особине, снимите екран или избришите чвор, лако примените нове атрибуте, видите све ЦСС странице и још много тога.
Прегледајте елементе у опери
Опера такође може прегледати елементе, са својим ДОМ Инспецтор алатом који је идентичан Цхроме-овима. Ево како доћи до њега:
- Користите пречицу на тастатури Цтрл + Схифт + И
- Идите у Мени> Још алатки> Прикажи програм за развој , а затим отворите мени кроз Мени> Програмер> Алати за развијање
- Из менија десног клика на било ком елементу на страници изаберите Инспецт елемент
Прегледајте Елементе у Интернет Екплореру
Сличан алат елемента прегледа, звани Алати за развијање, доступан је у програму Интернет Екплорер:
- Притисните Ф12 на тастатури
- Користите опцију Тоолс> Ф12 Девелопер Мену (притисните Алт + Кс ако не видите мени Тоолс )
- Десним тастером миша кликните на страницу и кликните Инспецт Елемент
ИЕ има алат Селецт елемент у овом новом менију који вам омогућава да кликнете на било који елеменат странице да бисте видели детаље о ХТМЛ-у и ЦСС-у. Такође можете лако онемогућити / омогућити означавање елемента док прегледате кроз картицу ДОМ Екплорер .
Као и други елементи инспектора елемента у горе наведеним прегледачима, Интернет Екплорер вам омогућава да исецате, копирате и налепите елементе, као и да измените ХТМЛ, додате атрибуте, копирате елементе са приложеним стиловима и још много тога.