Помоћу Цхроме ДевТоолс-а можемо одмах да видимо ефекте промена у коду
Цхроме ДевТоолс је а Пакет алата за креирање веб локација и отклањање грешака уграђених у Гоогле Цхроме. Наравно, можемо их и користити у својој верзији отвореног кода; Хром.
Цхроме алаткама за програмере може се приступити притиском на комбинацију тастера Цтрл+Схифт+И или преласком миша изнад елемента и десним кликом на Инспецт.
Компоненте
Када отворимо Цхроме ДевТоолс, видимо да ун панел са десне стране странице коју прегледамо. Са своје стране, овај панелПодијељен је на картице које одговарају сваком од алата. Заузврат, алати су подељени у секције.
Секције су:
- Елементи: Приказује различите компоненте странице.
- Конзола: Омогућава вам да покренете дијагностику током развоја или да комуницирате са Јавасцрипт кодом као што бисте радили са Линук терминалом.
- Извори: Олакшава отклањање грешака у Јавасцрипт коду и рад са локалним датотекама.
- Мрежа: Помаже у праћењу и побољшању перформанси странице.
- Временска линија: Омогућава снимање и истраживање различитих догађаја који се дешавају током посете сајту.
- Апликација: Истражите све ресурсе који су учитани; укључујући, али не ограничавајући се на ИндекедДБ или Веб СКЛ базе података, локално складиште и складиште сесије, колачиће, кеш апликације, слике, фонтове и стилове.
- Безбедност: Открива безбедносне проблеме у коду.
Хајде да видимо за шта можемо да користимо Цхроме ДевТоолс
Поправи оно што не ради
То се десило сваком програмеру. Напишите код, проверите да нема грешака, а ипак у тренутку истине страница не ради како би требало. Алат Конзола показује која грешка се јавља у време извршавања.
Смањите време учитавања
Ако се страница дуго учитава, корисник се умори и одлази на други сајт. На срећу, ера Фласх веб локација и њихових анимираних увода је завршена. У сваком случају, картица Мреже у Цхроме ДевТоолс олакшава откривање који елементи одлажу оптерећење. Можемо поновити тест за различите брзине везе.
Измените код
На картици Елементи можемо погледајте елементе странице, повезани хтмл код и цсс својства. Можемо их и променити.
Можемо да уредимо текст странице помоћу команде
document.designMode = 'on';
Пробајте различите величине екрана
Таблети, паметни телефони, паметни телевизори, десктоп рачунари. Листа уређаја са којима претражујемо интернет расте. Са Цхроме ДевТоолс можемо тестирајте да ли страница изгледа добро у различитим величинама.
бенцхмаркинг
У менаџменту, термин бенцхмаркинг означава учење из најбољих пракси оних који раде исто што и ми. Са Цхроме ДевТоллс-ом, ако нам се свиђа дизајн веб-сајта, можемо погледајте хтмл код и цсс стилове и копирајте их на наш сајт.
Преузимање Цхроме ДевТоолс-а
Цхроме ДевТоолс је доступан у прегледачима Гоогле Цхроме и Цхромиум. Цхромиум се налази у репозиторијумима свих главних дистрибуција. Такође се може инсталирати из продавница. Пуцкање. Што се тиче Гоогле Цхроме-а, можете доспео овде. у ДЕБ и РПМ формату