Chrome не е много голям в инструментите за програмисти итова е една от причините, поради които Firefox е браузърът с идеален достъп за повечето разработчици. Въпреки това, за тези, които използват Chrome, има много разширения, които могат да им помогнат в това отношение. Отзивчив инспектор е разширение за Chrome, което с право може да съперничи наОтзивчив дизайнерски изглед, който Mozilla представи в Firefox 15. Отзивчивият инспектор е инструмент „две в едно“; тя ви показва размерите на екрана, за които е оптимизиран уебсайтът, и бързо ви позволява да превключвате на различен от изскачащия прозорец. Освен това може да се правят екрани на уеб страница, коригирана към всеки от тези размери. За уебсайтове, които вече са оптимизирани за определени размери на екрана, можете да видите CSS код, отговорен за това, което го прави чудесен инструмент за обучение и за отзивчиви дизайнери на дизайнери.
Отзивчивият инспектор добавя квадратен бутон доURL лентата, която отваря изскачащ прозорец. Разширението ви показва всички размери на екрана, за които натовареният в момента уебсайт е оптимизиран чрез барове. Размерът на екрана е написан в края на всяка лента, а пикселна скала в горната част ви показва различни размери на екрана. Преместете мишката върху скалата и за всяка линия за калибриране ще се появи поп, който ще ви покаже размера на екрана, който представлява. В същия този изскачащ прозорец има бутон за преоразмеряване, както и бутон за камера. Щракването върху първия автоматично ще промени размера на прозореца на браузъра ви до тази ширина. След това можете да щракнете върху бутона на камерата, за да направите екранна снимка на него, ако желаете. Екранната снимка може да бъде запазена във вашия местен диск или да бъде качена на Behance.net. Ако чувствате нужда от по-фина пикселна скала, щракнете върху бутона за увеличение, за да го увеличите.
За да видите CSS, използван за кодиране на опциите за гледане,задръжте курсора на мишката върху една от лентите, които представляват размер на екрана, за който уебсайтът е оптимизиран, и в края ще видите бутона {}. Кликнете върху него, за да видите CSS кода в нов раздел. Кодът не може да се редактира директно, но можете да го копирате или използвате инструмента за проверка, за да направите промени. Отзивчивият инспектор сравнително добре имитира отзивчивия дизайнерски изглед в Firefox; всъщност не би било неправилно да се твърди, че разширението е разрез над инструмента. Там, където Firefox ви дава предварително зададени размери на екрана, отзивчивият инспектор ви предоставя цял мащаб и много свобода, а след това има и инструмента за екранна снимка. Предварителните настройки биха направили отзивчивия инспектор много по-полезен и трябва да се добави. Въпреки че дори и без тях, разширението работи изключително добре.
Инсталирайте отзивчив инспектор от уеб магазина на Chrome
Коментари