Погледнете ги HTML и CSS на било која веб страница
Веб-страницата е изградена со линии на код , но резултатот е специфични страници со слики, видео, фонтови и повеќе. За да смените еден од тие елементи или да видите од што се состои, мора да ја пронајдете специфичната линија на код што ја контролира. Можете да го направите тоа со алатка за проверка на елементите.
Повеќето веб прелистувачи не ве натера да преземете алатка за проверка или да инсталирате додаток. Наместо тоа, тие ви дозволуваат да кликнете со десното копче на елементот на страната и одберете Inspect или Inspect Element . Сепак, процесот може да биде малку различен во вашиот прелистувач.
Проверете ги елементите во Chrome
Најновите верзии на Google Chrome ви овозможуваат да ја испитате страницата на неколку начини, од кои сите ги користат вградените DevTools на Chrome:
- Десен клик на нешто на страницата (или празно место) и изберете Inspect
- Внесете кратенка на тастатурата Ctrl + Shift + I
- Користете го Chrome менито за да пристапите до опцијата Повеќе алатки> Развивач на алатки
Хром DevTools ви овозможува да ги правите работите како лесно да ги копирате или уредувате HTML-линии или целосно да ги сокриете или избришете елементите (се додека страната не се превчита).
Откако ќе се отвори DevTools на страната на страницата, можете да промените каде што е позициониран, да го исфрлите од страната, да пребарувате за сите датотеки на страницата, да одберете елементи од страницата за конкретен преглед, да копирате датотеки и URL-адреси, па дури и прилагодете група од поставките.
Проверете ги елементите во Firefox
Како и Chrome, Firefox има неколку различни начини да ја отвори својата алатка наречена Инспектор:
- Десен-клик на празно место на страницата или изберете елемент, и одберете Inspect Element
- Внесете Ctrl + Shift + T или Ctrl + Shift + I со тастатура
- Од менито Firefox, кликнете Развивач > Инспектор
- Од менито Алатки , кликнете Веб програмер> Инспектор
Додека го движите глувчето врз различни елементи во Firefox, алатката Инспектор автоматски ги наоѓа информациите за изворниот код на елементот. Притиснете на елемент и "пребарувањето на летање" ќе запре и може да го испитате елементот од прозорецот Инспектор.
Десен-клик на елемент за да ги пронајдете сите поддржани контроли. Можете да ги правите работите како да ја уредувате страницата како HTML, да копирате или залепите внатрешен или надворешен HTML код, да покажете својства на DOM, да ги скриете или избришете јазолот, лесно да ги примените новите атрибути, да ги видите сите CSS на страницата и друго.
Проверка на елементите во операта
Операта може да ги испита и елементите, со помош на алатката DOM Inspector која е идентична со Chrome. Еве како да стигнете до него:
- Користете ја кратенката на тастатурата Ctrl + Shift + I
- Отидете до Мени> Повеќе алатки> Покажи мени за програмер , а потоа отворете го менито преку Мени> Развивач> Алатки за развивачи
- Од менито со десен клик на било кој елемент на страницата, изберете Inspect element
Проверете ги елементите во Internet Explorer
Алатка за слични алатки за проверка, наречена алатки за развивачи, е достапна во Internet Explorer:
- Притиснете F12 на тастатурата
- Користете ја опцијата Tools> F12 Developer Menu (притиснете Alt + X ако не го гледате менито Tools )
- Десен клик на страната и кликнете Inspect Element
ИЕ има алатка за избор на елемент во ова ново мени кое ви овозможува да кликнете на кој било елемент на страница за да ги видите неговите HTML и CSS детали. Можете исто така лесно да го оневозможите / овозможите осветлувањето на елементите додека го пребарувате преку табот DOM Explorer .
Како и другите инструменти за инспектори на елементите во горенаведените прелистувачи, Internet Explorer ви овозможува да ги намалите, копирате и залепите елементите, како и уредување на HTML, додавање на атрибути, копирање елементи со прикачени стилови и друго.