Одзивни инспектор за Цхроме одличан је алат за учење флексибилног дизајна

click fraud protection

Цхроме није баш велик у алатима за програмере и то је један од разлога зашто је Фирефок већина претраживача на претраживачу. Међутим, за оне који користе Цхроме, на располагању су многа проширења која им могу помоћи у том погледу. Одговорни инспектор је Цхроме проширење које с правом може да надмеће респонзивни дизајн дизајна који је Мозилла представила Фирефок 15. Одговорни инспектор је алат два у једном; он вам показује величине екрана за које је веб локација оптимизована и брзо вам омогућава да пређете на другу од скочног прозора. Надаље, могу се снимити снимке веб странице прилагођене било којој од тих величина. На веб локацијама које су већ оптимизоване за одређене величине екрана, можете погледати ЦСС код који је за то одговоран, што га чини одличним алатом за учење и одзивним програмерима дизајна.

Одговорни инспектор додаје квадратно дугме поред траке УРЛ-а које отвара скочни прозор. Ово проширење приказује све величине екрана за које је тренутно учитана веб локација оптимизована путем барова. Величина екрана пише се на крају сваке траке, а скала пиксела на врху приказује различите величине екрана. Померите миш преко скале и за сваку линију за калибрацију појавиће се искочни екран који ће вам показати величину екрана коју представља. На овом истом искачућем прозору налази се дугме за промену величине као и дугме камере. Кликом на први аутоматски се промени величина прозора вашег прегледача на тој ширини. Затим можете да кликнете на дугме камере да бисте снимили снимку екрана, ако желите. Снимак екрана се може сачувати на локалном диску или поставити на Беханце.нет. Ако осетите потребу за финијом скалом пиксела, кликните дугме за увећање да бисте је увећали.

instagram viewer

респонзивна слика инспектора

Да бисте видели ЦСС који се користи за кодирање опција прегледа, поставите показивач миша преко једне траке која представља величину екрана за коју је веб локација оптимизована и на крају ћете видети дугме {}. Кликните на њу да бисте видели ЦСС код на новој картици. Код није могуће директно уређивати, али можете га копирати или користити алат за преглед да бисте унели измене. Одговорни инспектор прилично добро опонаша респонзивни дизајн дизајна у Фирефоку; у ствари, не би било погрешно рећи да је продужетак пресек изнад алата. Тамо где вам Фирефок пружа унапред подешене величине екрана, Респонсиве Инспецтор вам даје целокупну меру и пуно слободе, а ту је и алатка за снимање екрана. Пресетс ће Респонсе Респонсе учинити много кориснијим и требало би га додати. Иако и без њих, продужетак делује изузетно добро.

Инсталирајте респонзивног инспектора из Цхроме веб продавнице

watch instagram story