Анализирајте кодове било које веб локације са ЦСС Диг Цхроме Ектенсион

Имаш много тога са чиме можеш Цхроме ДевТоолс од уређивања живих сајтова до проучавања детаљних ХТТП захтева. Али способност анализирања ЦСС образаца није печена у конзоли.

Са ЦСС Диг, можете анализирати све ЦСС селектори, специфичности, и јединствена својства било које веб странице директно из Цхроме-а. Ово проширење је потпуно бесплатно и нуди много снаге за развој програмера.

Док прегледавате стилску плочу добићете много података из ЦСС Диг панела. То вам може показати појединачних селектора, укључујући дуплицатес и непотребним нивоима специфичности.

Да почнемо, једноставно инсталирајте додатак и отворите прозор конзоле. Наћи ћеш два таба у прозору ЦСС Диг: Пропертиес и Селектори.

Можете претраживати резултате организовано по својствима (боја, обруб, паддинг), или од стране селектора (класе, личне карте). Проналазим Својства као највреднији, јер вам омогућава да проучавате које фонтове и боје користите.

Овај алат ради на свим страницама, тако да је и згодан Обрнути инжењеринг нечији дизајн. Можете копирати / залијепити ЦСС директно из овог прозора и поново га користити на властитим пројектима.

Вероватно најчешћи случај коришћења за ЦСС Диг је јасне дупле боје из палете боја. Колико вам је јединствених зелених нијанси заиста потребно? Или, колико је различитих санс-сериф фонтова неопходно за једну страницу?

ЦСС Диг је невероватно једноставан, тако да не очекујте десетине функција као што је ДевТоолс. Уместо тога, овај додатак је пре усмерен ка фронтенд програмерима локације за ревизију за селекторе понављања или дупле особине.

Тхе изворни код додатка је бесплатно доступан на ГитХуб-у где ћете пронаћи све Најновија ажурирања.