Содержание
🧩 35 браузерных плагинов для Google Chrome в помощь разработчику
Расширение, созданное на базе системы вопросов и ответов, поддерживаемое сообществом разработчиков, позволяющее программисту выяснить важные детали интересующей проблемы. При запросе оно выводит соответствующие примеры кода в верхней части поисковика.
Небольшой, но крайне полезный аддон Chrome поможет всем, кто ищет новые полезные штуки для работы на GitHub. Выводит на передний план ленту трендовых GitHub-проектов с кратким описанием каждого.
Небольшое расширение для идентификации семейства, размера, веса и цвета шрифтов, используемых на сайте.
Расширение работает аналогично WhatFont, являясь его альтернативой с более простым интерфейсом и таким же функционалом.
Надстройка для выявления ошибок в HTML-коде, помогающая сверстать страницу в два раза быстрее.
Одно из наиболее эффективных расширенией Chrome для веб-разработчиков, показывающее CSS-свойства любого элемента на странице при наведении на него курсора мыши.
Аддон, позволяющий отслеживать внешний вид разрабатываемого сайта в реальном времени при написании новых или изменении существующих CSS-свойств.
Расширение для просмотра кодовых конструкций и быстрой навигации по папкам проекта, отображающее весь исходный код в виде древовидной структуры.
Talend API Tester упрощает вызов, обнаружение и тестирование HTTP и REST API.
При помощи плагина можно производить расширенные настройки различных тем, шрифтов для JSON/JSONP.
Полезное расширение для разработчиков интерфейсов, помогающее определить цвет любого участка веб-страницы, даже если его ширина -1 пиксель.
Еще один неплохой плагин Chrome для работы с адаптивным дизайном, с возможностью моделировать отображение вашего сайта на разных девайсах (desktop, tablet, mobile)
Плагин, генерирующий текст-заполнитель для сырых шаблонов веб-страниц или их отдельных элементов.
Этот плагин предназначен для блокировки навязчивой рекламы и элементов страницы, замедляющих ее загрузку, а также для предотвращения слива личных данных. И хотя Ghostery не предоставляет никаких полезных инструментов для программиста, он определенно поможет ускорить вашу работу за счет обеспечения чистоты просмотра.
Довольно эффективный инструмент, определяющий стек технологий (веб-сервисы, тип CMS, инструменты аналитики, плагины, библиотеки JavaScript и пр.), лежащих в основе интересующей вас веб-страницы.
Очень полезная штука для очистки кэша браузера Chrome в один клик.
Это мастхэв-расширение для React-разработчиков, позволяющее проверять иерархии компонентов библиотеки в Chrome Developer Tools. Оно выделяет обновления при рендеринге компонентов и мониторит производительность при помощи профилировщика.
JSON Viewer поможет управлять данными JSON, представленными в окне браузера, тем самым сэкономив вам время на быстрое освоение и использование кода.
Плагин для разработчиков, использующих библиотеку Redux, помогающий быстрее делать отладку изменений состояния приложений.
Еще одно расширение для проверки сайта на отзывчивость при изменении размера экрана или использовании другого браузера
Довольно неплохой плагин, помогающий определить размеры элементов на странице, а также промежутки между ними.
Еще одно расширение-рулетка для измерения различных расстояний на сайте.
Плагин для считывания цветного кода с любой страницы, с возможностью быстрого генерирования градиента цвета. В нем можно отследить историю совершенных действий и работать при помощи «горячих» клавиш.
Своеобразный анализатор юзабилити, оценивающий любой сайт при помощи 10 эвристик Нильсена, с возможностью быстрого выявления потенциальных проблем удобства использования, добавления комментариев, скриншотов и экспорта результатов, готовых к совместному использованию в команде.
Плагин для проверки страницы на наличие битых ссылок поможет разработчику, тестировщику, SEO-шнику и другим связанным с вебом специальностям.
Полезное расширение, позволяющее создавать, редактировать, экспортировать, блокировать и удалять файлы cookie для каждой отдельной страницы.
Это менеджер паролей, сохраняющий их и обеспечивающий безопасный доступ на необходимый сайт с любого компьютера или мобильного устройства.
Аддон в виде тайм-трекера, добавляемого в любой веб-инструмент, позволяет следить за производительностью последнего в реальном времени.
Конструктор запросов API для интернета.
Инструмент для добавления заметок, хранящихся в памяти браузера, в URL-среду.
При помощи этого полезного расширения можно создавать исчерпывающие отчеты об ошибках с журналами консоли и спецификациями устройств, а также добавлять к этим отчетам скриншоты и комментарии.
Плагин позволяет изменять размер или отключать изображения, сценарии и файлы стилей на странице.
Полезный инструмент для создания снимков кода.
Плагин, добавляющий темную тему для браузера с возможностью изменения параметров шрифта.
Используя это небольшое расширение, вы можете уменьшить объем памяти, используемый Chrome. Оно удалит вкладки, которые не использовались в фоновом режиме в течение заданного периода времени, разгрузив при этом ЦП.
***
Все расширения из нашего списка призваны сделать жизнь программиста практичнее и проще за счет повышения производительности и оптимизации процесса разработки. Если ли вы знаете другие хорошие плагины, которыми давно пользуетесь, не стесняйтесь добавить их в комментариях.
35 полезных плагинов для Google Chrome
Сегодня просто невозможно представить свою жизнь без интернета — он заметно упростил коммуникацию между людьми, привнес новые виды работы, отдыха и полностью поменял привычный ход жизни. Упростить ваш веб-серфинг помогут эти 35 плагинов, которые мы выбрали среди тысяч расширений библиотеки Google Chrome Extensions. Каждый из них достоин занять место в вашем браузере!
Курс
QA Manual
Українською. Українською!
Хочу!
Содержание
- 1 Плагины-чекеры
- 2 Плагины-минимайзеры
- 3 Плагины для веб-разработчиков и дизайнеров
- 4 Родительский контроль
- 5 Плагины кастомизаторы
- 6 Блокировщики рекламы
- 7 Помощники редактора
Плагины-чекеры
Все учебники и статьи по продуктивности советуют как можно меньше времени проводить за проверкой почты, так как рекламные письма засосут вас в «кроличью нору» и вы просто потеряете несколько часов за ничегонеделаньем. Плагины-чекеры позволяют узнавать о поступлении новых писем без необходимости заходить в почту.
Google Mail Checker — плагин для проверки почты от Google-команды. Отличный выбор, если вы боитесь устанавливать расширения сторонних производителей.
Checker Plus for Gmail™ — отвечайте на имейлы, даже не заходя в почту.
Mailtrack для Gmail — это расширение позволяет узнать, прочитал ли адресат ваше письмо.
Notifier for Gmail™ — управляйте почтой, не заходя в неё. Читайте, отвечайте, блокируйте письма прямо внутри плагина.
Курс Executive Leadership англійською.
Лідерство – це щоденна практика та особливий спосіб мислення.
Записатися на курс
Плагины-минимайзеры
Казалось бы, плагины созданы для помощи в рутинных задачах. Но иногда их бывает слишком много, и они начинают тормозить работу браузера. То же самое касается открытых вкладок — каждая из них «ест» часть оперативной памяти, из-за чего компьютер может заметно тормозить. В борьбе за быстродействие системы вашими союзниками станут плагины, приведенные ниже.
SimpleExtManager — менеджер расширений с простым и понятным интерфейсом.
Extensions Manager (aka Switcher) — переключайтесь между расширениями, приложениями и темами внутри одного менеджера!
xTab — расширение, ограничивающее количество вкладок. При попытке превышения лимита он просто закроет старые вкладки.
The Great Suspender — плагин, закрывающий вкладки, которыми никто не пользуется.
HabitLab — расширение, помогающее контролировать зависимость от разных сайтов. Как только вы заходите на выбранный сервис, включается счетчик, показывающий продолжительность сеанса. Если юзер закрывает вкладку раньше, чем обычно, то расширение подсчитывает, сколько он сэкономил времени.
Плагины для веб-разработчиков и дизайнеров
Эти плагины помогут всем, кто хоть как-то причастен к IT-индустрии: рекламщикам, дизайнерам, таргетологам, программистам и т.д.
BuiltWith Technology Profiler — расширение, которое помогает определить, на каком движке и с какими технологиями создавали сайт.
Wappalyzer — похожий плагин, который покажет, какими веб-технологиями пользовались разработчики сайта: движок, счетчики и т.д.
Colorzilla — очень нужный плагин для веб-дизайнера. С помощью этого расширения он сможет взять пипеткой цвет с любой точки страницы.
What Font — ещё один помощник дизайнера. Понравился какой-то шрифт на сайте, но вам лень искать его в коде? What Font позволит узнать его название в один клик.
Check My Links — сервис, проверяющий страницу на наличие 200/404 ссылок. Зачем проверять все вручную, если это сделает программа?
Курс
Комерційний аудіопродакшн
Маєш вуха? Ставай саунд-продюсером
Запишіть мене на курс
Google Analytics Debugger — плагин, извлекающий данные из кода, передаваемого в счетчик Google Analytics. Расширение поможет получить сведения как об ошибках в коде отслеживания, так и об успешно выполненных командах.
Web Developer —настоящий «швейцарский нож» для веб-разработчиков. Плагин разработан в виде панели с инструментами, сгруппированными во вкладках меню. Расширение может включать и выключать разные опции на странице: Java-элементы, кэш, менять цвета, шрифты, картинки, работать с куками и т.д. Также Web Developer позволяет скопировать текст с сайтов, где включена защита на копирование контента.
Unshorten.link — вы видите письмо с коротким линком от вашего знакомого, но боитесь его открывать, так как не знаете, что там спрятано? Воспользуйтесь плагином Unshorten Link, который расшифрует эту ссылку в полноценный электронный адрес.
Родительский контроль
Не хотите отвлекаться во время работы на соцсети или же не желаете, чтобы ваш ребенок заходил на определенные сайты? Так заблокируйте их в своем браузере!
Web Blocker — плагин, который может заблокировать определенные сайты как навсегда, так и на строго определенное время. Ставьте пароли, чтобы ваши дети или сотрудники не отвлекались на мелочи во время работы.
Block Site – один из самых популярных блокировщиков сайтов, который выведет вашу продуктивность на новый уровень. Блокируйте сразу целые группы сайтов и запросов по определенным ключевикам, выставляйте время запрета и синхронизируйте это всё с мобильными девайсами. Более того, этот плагин работает даже в режиме инкогнито!
Tiny WebFilter: Anti-Porn & Block Adult Sites — очень нужное расширение для родителей, у которых дети заканчивают младшую или переходят в среднюю школу. Именно в этом возрасте у подростков возникает желание зайти на взрослые сайты, для которых они еще слишком юны и невинны. Этот плагин поможет вам перекрыть доступ ко всем сайтам «с клубничкой» в вашем доме.
Курс Java за 6 місяців
Ти навчатимешся коли тобі зручно, а ми будемо поруч, щоб тобі допомогти
Запишіть мене
Плагины кастомизаторы
Надоел однотипный дизайн? Установите расширения-кастомайзеры и радуйтесь индивидуальному дизайну.
Modern New Tab Page — обновите новую вкладку в браузере, сделав её более современной и динамичной. Максимально естественно такой новый вид страницы выглядит в Windows 10 с её «плиточным» интерфейсом.
iChrome New Tab — расширение, которое делает из новой вкладки полноценную новостную ленту с погодой, избранными цитатами, виджетами, последними новостями и самыми интересными постами из соцсетей.
Humble New Tab Page — этот плагин полностью оправдывает своё название. Здесь не будет никаких изысков — просто однотонная страница со сгруппированными часто посещаемыми сайтами, любимыми приложениями, всеми закладками и только что закрытыми вкладками.
Speed Dial 2 — стартовая страница Хрома «на стероидах». С этим плагином вы можете добавить неограниченное количество закладок на главный экран, группировать и кастомизировать их как захотите.
Blank New Tab Page — отличный плагин для любителей минимализма во всем. Подключив это расширение, вы просто получите пустой лист при открытии новой страницы.
Stylebot — плагин, который поможет настроить отображение страниц в браузере по вашему вкусу в несколько кликов. Очень полезный сервис для тех, кто любит подстраивать всё под себя, но не знает как работать с HTML и CSS.
Night Shift — любимый сайт не установил темную тему? Тогда вам не обойтись без этого плагина. При наступлении темноты Night Shift самостоятельно переключит все цвета вашего браузера на более теплые, уменьшив количество синего света монитора. Настройте расписание и кастомизируйте палитру под свои ощущения.
Turn Off The Lights For Youtube — вся страница становится темной, что позволяет вам комфортнее смотреть видео вечером, даже не разворачивая его на полный экран. Несмотря на название, расширение работает с большинством сайтов и почти со всеми форматами видео.
Блокировщики рекламы
Устали смотреть на рекламу? Заблокируйте её одним из плагинов-адблокеров.
Ghostery — расширение, которое блокирует сервисы, собирающие пользовательские данные.
Adblock Plus — самый знаменитый блокировщик рекламы, проверенный миллионами довольных пользователей.
uBlock Origin — ещё один популярный блокировщик рекламы, которым пользуются миллионы юзеров по всему миру. Главная сила uBlock в его дополнениях, которые раскрывают потенциал плагина в полную силу, защищая вас не только от нежелательной рекламы, но и от сбора данных сторонними сервисами.
Помощники редактора
Часто и много работаете с текстом? Тогда вам точно пригодятся эти плагины!
Grammarly — расширение, которое будет исправлять большинство ошибок в вашей письменной англоязычной речи прямо через браузер. Оно распознает грамматические и орфографические ошибки, предлагая советы и рассказывая о правилах, которые лежат в основе советов. Также оно поможет подвести текст под нужный стиль: разговорный, деловой или художественный.
Print Friendly & PDF — расширение, удаляющее мусор (рекламу, ненужные блоки) перед печатью веб-страницы. Оставьте только самое нужное и сохраните её в pdf-формате.
Gorgias Templates — плагин, который позволяет отправлять персонализированные шаблоны за доли секунды. Отличный вариант для тех, кто много общается по электронной почте или для компаний с загруженной службой поддержки.
Reverso Context — наверное, один из лучших онлайн-переводчиков. Увы, он не сможет вам перевести целое предложение или даже статью, но его сила совсем в другом. Просто введите или скопируйте нужное слово в окошко плагина, и он вам покажет все варианты перевода и контекст, в котором они употребляются. Работает с большинством европейских языков, турецким и арабским.
Гугл
Проверка ваших тегов еще никогда не была такой простой!
Google Tag Assistant (устаревшая версия) – это бесплатное расширение для Chrome, которое поможет вам убедиться,
Теги Google, такие как Google Analytics, Диспетчер тегов Google, отслеживание конверсий Adwords,
и многое другое работает корректно. Используя Tag Assistant, вы можете вносить изменения в свои теги.
и мгновенно убедитесь, что они стреляют по назначению.
Просто перейдите на любую страницу, и Tag Assistant сообщит вам все теги, которые есть на
эта страница. Вы получите отчет обо всех найденных ошибках и предложения по их устранению.
улучшение.
Google Tag Assistant Recordings позволяет проверять, диагностировать и устранять неполадки
проблемы с вашей реализацией Google Analytics в режиме реального времени. Вы можете записывать типичные
потоки пользователей через ваш веб-сайт и получить немедленный анализ вашей настройки. Тег Google
Assistant Recordings может помочь вам найти отсутствующие или искаженные теги, недопустимые события и
фильтры и многое другое.
файл_скачать
клавиатура_стрелка_влево клавиатура_стрелка_вправо
Функции
youtube.com/embed/_7zoJR6uq2g?showinfo=0&wmode=transparent»>
Функции
Заставьте ваш сайт работать.
Информация о ваших пользователях хороша настолько, насколько хороши инструменты, отслеживающие их. Ярлык
Ассистент позволяет быстро увидеть, какие трекеры вашего сайта работают как
ожидал. А если возникнут проблемы, Tag Assistant поможет вам
находите решения, игнорируйте ненужные теги, тестируйте изменения и возвращайте свой сайт обратно
работать.
Функции
Просмотр данных, кода и событий.
Помощник по тегам предоставляет каждый бит информации о метаданных ваших тегов, а также
соответствующий фрагмент кода. Кроме того, события и запросы
количественно и на видном месте для быстрого, сканируемого просмотра удара
ваши теги испытывают.
Поддерживать
Присоединяйтесь к нашему сообществу.
Как и многие продукты Google, Tag Assistant имеет активную и знающую базу пользователей.
В нашем справочном центре и сообществе Google+ вы найдете множество вопросов и
ответы на многие вопросы Tag Assistant, и мы всегда поощряем нашу поддержку
ресурсы для роста по мере необходимости.
Установить
Тег — это ты.
Изучите Tag Assistant, бесплатное расширение Chrome, для себя. Установите его сегодня и
начните проверять свои теги прямо сейчас.
Установить
Справочник по API
— Chrome Developers
Chrome предоставляет расширения со многими API специального назначения, такими как chrome. alarms
и chrome.action
. Многие API состоят из пространства имен и связанных с ним полей манифеста. Эти поля часто являются разрешениями, но не всегда. Например, chrome.alarms
требует только разрешения alarms
, а chrome.action
требует объекта действия в файле manifest.json
.
# Соглашения API
Если не указано иное, методы в chrome.*
API являются асинхронными : они возвращаются немедленно, не дожидаясь завершения операции. Если вам нужно узнать результат вызова таких методов, используйте возвращаемый промис или передайте в метод функцию обратного вызова. Дополнительные сведения см. в разделе Асинхронные методы.
Стабильные API
Информация о выпуске не доступна для API до Chrome 42, которая была выпущена в начале 2015 года.
Наименование | Описание |
---|---|
. API для управления специальными возможностями Chrome. Этот API основан на прототипе ChromeSetting API типа для получения и настройки отдельных функций специальных возможностей. Чтобы получить состояния функций, расширение должно запросить accessibilityFeatures.read разрешение. Для изменения состояния функции расширению требуется разрешение accessibilityFeatures.modify . Обратите внимание, что accessibilityFeatures.modify не подразумевает разрешения accessibilityFeatures.read . | |
action | Используйте API |
тревоги | Используйте |
аудио | API |
закладки | Используйте API |
browserAction | Используйте действия браузера для размещения значков на главной панели инструментов Google Chrome справа от адресной строки. Помимо значка, действие браузера может иметь всплывающую подсказку, значок и всплывающее окно. |
browsingData | Используйте API |
certificateProvider | Используйте этот API для предоставления сертификатов платформе, которая может использовать эти сертификаты для проверки подлинности TLS. |
команды | Используйте API команд, чтобы добавить сочетания клавиш, которые запускают действия в вашем расширении, например, действие для открытия браузера или отправки команды в расширение. |
contentSettings | Используйте API |
contextMenus | Используйте API |
файлы cookie | Используйте API |
отладчик | |
declarativeContent | Используйте API |
declarativeNetRequest | API |
desktopCapture | Desktop Capture API, который можно использовать для захвата содержимого экрана, отдельных окон или вкладок. |
devtools.inspectedWindow | Использовать API |
devtools.network | Используйте API |
devtools.panels | Используйте API |
devtools.recorder | Используйте API |
documentScan | Использовать |
DOM | Используйте API |
Скачания | Используйте |
enterprise.deviceAttributes | Используйте |
enterprise.hardwarePlatform | Используйте API |
enterprise.networkingAttributes | Используйте API |
enterprise.platformKeys | Используйте API |
events | Пространство имен |
extension | API |
extensionTypes | API |
fileBrowserHandler | Используйте API |
fileSystemProvider | Использовать |
fontSettings | Используйте API |
gcm | Используйте |
история | Использовать |
i18n | Используйте инфраструктуру |
identity | Используйте API |
бездействие | Используйте API |
input.ime | Используйте API |
instanceID | Используйте |
loginState | Используйте API |
управление | API |
уведомления | Использовать |
вне экрана | Используйте |
омнибокс | API омнибокса позволяет зарегистрировать ключевое слово в адресной строке Google Chrome, также известной как омнибокс. |
pageAction | Используйте |
pageCapture | Используйте API |
разрешения | Использовать |
platformKeys | Используйте API |
питание | Используйте API |
printerProvider | API-интерфейс |
печать | Используйте |
printMetrics | Используйте API |
конфиденциальность | Используйте API |
proxy | Используйте API |
среда выполнения | Используйте API |
сценарии | Используйте API |
search | Используйте API |
сеансы | Используйте API |
хранение | Используйте API |
system.cpu | Используйте |
system.display | Используйте API |
system.memory | API |
system. storage | Используйте API |
tabCapture | Используйте API |
tabGroups | Используйте API |
tabs | Используйте API |
topSites | Используйте API |
tts | Используйте API |
ttsEngine | Используйте API |
типы | API |
vpnProvider | Используйте API |
обои | Используйте API |
webNavigation | Использовать |
webRequest | Используйте API |
windows | Используйте API |
Beta API
Эти API доступны только в Chrome Beta и DEV -каналах:
Наименование | Описание |
---|---|
ОПИСАНИЕ | |
DISTARARATION | |
DISTARAINAIT . Вместо этого воспользуйтесь API {@link declarativeNetRequest}. Используйте API chrome.declarativeWebRequest для перехвата, блокировки или изменения запросов в процессе выполнения. Это значительно быстрее, чем {@link webRequest 9.0047 chrome.webRequest API}, потому что вы можете регистрировать правила, которые оцениваются в браузере, а не в движке JavaScript, что снижает задержки при передаче и обеспечивает более высокую эффективность. |
Dev APIs
These APIs are only available in the Chrome Dev channel:
Name | Description |
---|---|
automation | The |
процессы | Используйте API |
API приложений платформы
Эти API поддерживают приложения Chrome на всех платформах.
Эти API устарели. Chrome прекратит поддержку приложений Chrome на всех платформах. Узнайте больше о миграции вашего приложения.
Имя | Описание |
---|---|
app.runtime | Используйте API |
app.window | Используйте API |
appviewTag | Используйте тег |
bluetooth | Используйте API |
bluetoothLowEnergy | API |
bluetoothSocket | Используйте API |
browser | Используйте API |
буфер обмена | API |
fileSystem | Используйте API |
hid | Используйте API |
mdns | Используйте API |
mediaGalleries | Используйте API |
networking.onc | API |
серийный номер | Используйте API |
socket | Используйте API |
sockets.tcp | Используйте API |
sockets.tcpServer | Используйте API |
sockets.udp | Используйте API |
syncFileSystem | Используйте API |
system.network | Используйте API |
usb | Используйте API |
виртуальная клавиатура | API |
webviewTag | Используйте тег |