Полезные плагины Google Chrome для веб-разработчика

(2 оценок, среднее: 5,00 из 5)
Загрузка...
  • uBlock Origin — блокировщик рекламы
  • EditThisCookie — это менеджер cookie. Вы можете добавлять, удалять, изменять, искать, защищать и блокировать cookie!
  • friGate CDN — бесперебойный доступ к сайтам (аналог анонимайзеров)
  • Font Playground — Расширение для тех, кто любит «поиграть со шрифтами» — позволяет экспериментировать со всем спектром шрифтов из библиотеки Google Fonts, не внося изменений в код страницы. Можно менять не только сам шрифт, но и его размер, стиль написания и так далее.
  • What Font — Расширение, которое позволяет мгновенно определить, какой шрифт использован на той или иной странице, не производя почти никаких дополнительных действий — наведя курсор мыши на надпись.
  • YSlow  — инструмент, который не только проверяет скорость загрузки той или иной веб-страницы, но и подсказывает разработчику, что её тормозит. Для этого расширение проверяет сайт на соответствие 23 из 34 правил производительности, сформулированных командой компании Yahoo.
  • Web Developer — Целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.
  • Web Developer checklist — Расширение для автоматической проверки, удовлетворяет ли сайт основным принципам SEO, достаточно ли он производителен и удобен для пользователя. Результаты проверки представляются в виде своеобразного чек-листа — можно посмотреть более подробную информацию и рекомендации по каждому из невыполненных пунктов, а также моментально исправить ошибки.
  • PerfectPixel — расширение для Google Chrome. Оно позволяет «наложить» на веб-страницу полупрозрачную сетку и сверять по ней заданные расстояния. Можно накладывать и другие изображения — например, первоначальный макет — чтобы убедиться, что получившаяся страница в точности ему соответствует:
  • IE Tab — Встроенный эмулятор Internet Explorer для Chrome.
  • Page Ruler — Простой инструмент, который помогает определить высоту, ширину и положение любого элемента на странице.
  • Check My Links — Расширение, которое проверяет веб-страницу на наличие «битых» или неправильных ссылок.
  • Code Cola — Инструмент для просмотра исходного кода страниц и редактирования CSS-кода. Можно менять тени, окружности бокса и так далее с помощью перетаскивания ползунка. После внесения изменений можно скопировать получившийся код и заменить его в коде сайта.
  • Clear Cache
  • instant Wireframe — Расширение, при помощи которого можно «превратить» любую страницу в структурную схему компоновки материала — wireframe. Позволяет разработчикам и веб-дизайнерам не выходя из браузера ознакомиться с компоновкой любой страницы в сети.Sniffer
  • Resolution Test
  • SEOquake — это бесплатный плагин, предоставляющий данные основных показателей поисковой оптимизации