Chrome не дуже великий у інструментах для розробників, іце одна з причин, чому Firefox є переглядачем більшості розробників. Однак для тих, хто користується Chrome, є багато розширень, які допоможуть їм у цьому плані. Чуйний інспектор це розширення для Chrome, яке може по праву конкурувати зЧуйний вигляд дизайну, який Mozilla представив у Firefox 15. Чуйний інспектор - це інструмент «два в одному»; він показує вам розміри екрану, під який веб-сайт оптимізований, і швидко дозволяє перейти на інший з спливаючих. Крім того, він може робити знімки екрана веб-сторінки, адаптованої до будь-якого з цих розмірів. На веб-сайтах, які вже оптимізовані для певного розміру екрана, ви можете переглянути CSS-код, який відповідає за це, що робить його чудовим інструментом для навчання і для чуйних розробників дизайну.
Чуйний інспектор додає квадратну кнопку поруч ізрядок URL, який відкриває спливаюче вікно. Розширення показує всі розміри екранів, для яких оптимізований завантажений на даний момент веб-сайт через бари. Розмір екрана записується в кінці кожного рядка, а піксельна шкала вгорі показує різні розміри екрана. Наведіть курсор миші на масштаб, і для кожної лінії калібрування з'явиться спливаюче вікно, яке покаже вам розмір екрана, який він представляє. На цьому ж спливаючому вікні є кнопка зміни розміру, а також кнопка камери. Натиснувши на перший, автоматично змінить розмір вікна вашого браузера на цю ширину. Потім ви можете натиснути кнопку камери, щоб зробити знімок екрана, якщо хочете. Скріншот можна зберегти на локальному диску або завантажити на Behance.net. Якщо ви відчуваєте потребу в більш точній шкалі пікселів, натисніть кнопку збільшення, щоб збільшити її.
Щоб переглянути CSS, який використовується для кодування параметрів перегляду,наведіть курсор миші на один з барів, що відображають розмір екрана, для якого оптимізовано веб-сайт, і в кінці ви побачите кнопку {}. Клацніть по ньому, щоб переглянути код CSS на новій вкладці. Код не можна редагувати безпосередньо, але ви можете скопіювати його або скористатися інструментом перевірки для внесення змін. Чуйний інспектор досить добре імітує чуйний вигляд дизайну у Firefox; насправді було б невірно сказати, що розширення є надрізом над інструментом. Там, де Firefox надає попередньо задані розміри екрана, чуйний інспектор надає вам цілий масштаб і багато свободи, а потім є інструмент скріншоту. Попередні налаштування зробить чуйний інспектор набагато кориснішим, але його слід додати. Хоча навіть і без цього, розширення працює винятково добре.
Встановіть чуйного інспектора з веб-магазину Chrome
Коментарі