Работая в качестве веб-разработчика, вы, вероятно, много времени используете браузер. Сегодня почти каждый браузер имеет свои собственные инструменты для разработчиков, которые позволяют увидеть, что происходит за кулисами. Некоторые из браузеров имеют множество расширений, которые помогут вам оптимизировать процесс веб-разработки.
В этом посте мы собрали наши любимые и полезные расширения для Google Chrome, помогающие упростить жизнь веб-разработчика.
1 Web Developer
Web Developer Tools является одним из самых полезных расширений для любого разработчика. Он добавляет панель инструментов в Chrome. С её помощью можно удобно редактировать CSS, просматривать JavaScript и многое другое. Расширение доступно для браузеров Chrome, Firefox и Opera.
2 Accessibility Web Developer Tools
Миллионы людей пользуются Интернетом, в том числе люди с ограниченными возможностями. Поэтому обязательно ваши сайты должны быть доступны этой категории пользователей. Это расширение позволяет запустить проверку доступности на любой странице в сети. Добавьте его в список инструментов для веб-разработчика. Чтобы использовать его, щелкните на вкладке аудиты, выберите аудит доступности, далее пункт выполнить. Если страница нарушает какие-либо правила, они будут отображаться в виде списка с одним или несколькими нарушениями элементов на странице.
3 Responsive Web Design Tester
Используйте расширение Responsive Web Design Tester, чтобы проверить, как страница реагирует на различные устройства. Оно отражает размер и браузер мобильного устройства, поставляется с пресетами различных Android устройств. Он также работает в автономном режиме, который полезен при разработке сайтов на локальном хостинге без доступа к Интернету.
4 Wappalyzer
Если вы когда-либо использовали Built With, вы будете знакомы с концепцией Wappalyzer . Это расширение определяет системы управления контентом, платформы электронной коммерции, веб-серверы, базы JavaScript, аналитические инструменты и многое другое. Кроме того, приложение доступно для браузера Firefox.
5 PerfectPixel
Благодаря этому расширению , вы можете быть уверены, что дизайн будет идеально соответствовать полученному коду. Просто установите расширение, это позволит вам поставить полупрозрачные наложения изображения поверх веб-страницы, чтобы сравнить изображение с версткой. Накладки могут быть различными для каждого сайта и сохраняются между сессиями просмотра.
6 Refined GitHub
Если вы разочарованы пользовательским интерфейсом GitHub, это расширение является обязательным для вас. Оно упрощает интерфейс GitHub по умолчанию и добавляет все виды дополнительных функций: маркировка вопросов; выделение запросов, как непрочитанных; добавление кнопки быстрого редактирования; добавление авторской ссылки и многое другое.
7 CDN Headers & Cookies
Это расширение позволяет просматривать все HTTP-заголовки и куки в одном месте. Это легкое и простое расширение. Вы можете добавлять, редактировать или удалять пользовательские заголовки запросов и куки, а также заголовки запросов на экспорт и куки в файл CSV.
8 User Agent Switcher
Используйте это расширение , чтобы изменить агента пользователя для подмены устройства и/или браузера. Вы можете быстро переключаться между различными пользователями или добавлять свои собственные с настройками, имитирующими Internet Explorer, iPhone, или имитирую работу Google бота. Это полезно для отладки и тестирования поведения сайта на различных устройствах.
9 JSON Viewer
Расширение для печати JSON и JSONP, которое вы можете настроить под свой вкус. Оно включает в себя такие функции, как разборные узлы; интерактивные URL-адреса; блокнот, в который вы можете внести JSON формат на неопределенное время с помощью одной кнопки или комбинации клавиш; 27 встроенных тем и много другое.
10 Check My Links
Если вы регулярно редактируете страницы с большим количеством ссылок, не забудьте включить это расширение в свой список помощников для веб-разработчика. Оно может быстро найти все ссылки на странице и проверить каждую из них. Хорошие ссылки выделяются зеленым цветом, а битые красным. Расширение также будет публиковать полные URL-адреса битых ссылок в журнале консоли.
11 Usersnap
Часто веб-разработчики ежедневно сотрудничают с несколькими людьми, работая над проектом. Это небольшое расширение позволит упорядочить процесс совместной работы, поскольку оно создает скриншоты текущего контента. Вы сможете общаться более эффективно по различным вопросам, обмениваться обратной связью между другими разработчиками, клиентами и другими людьми, участвующими в веб-разработке проекта.
12 IE Tab
IE Tab эмулирует Internet Explorer, используя свой движок рендеринга непосредственно в Chrome. Приложение позволяет использовать элементы управления ActiveX для проверки разрабатываемых сайтов с различными версиями IE, начиная от IE6 до IE9.
13 DevTools AutoSave
Использование инструментов разработчика для внесения изменений на лету с целью тестирования, дальнейшая вставка произведенных изменений в текстовый редактор и загрузка на сервер могут обернуться адскими муками. К счастью, это расширение приходит как спасатель, поскольку оно позволяет автоматически сохранять любые внесенные в CSS и JS сайта изменения в исходный файл.
14 Chrome MySQL Admin
Если вы ежедневно работаете с базами данных, рассмотрите возможность включения этого расширения в свой рабочий процесс. Это простой MySQL клиент со всеми необходимыми инструментами для управления базами данных и таблиц MySQL. Вы сможете подключиться к базам данных и управлять ими, выполнять запросы, создавать и удалять таблицы и многое другое в быстром и легком интерфейсе приложения.
15 Grunt Devtools
Это расширение инструментов разработчика Chrome добавляет инструменты с поддержкой фоновых задач и позволяет выполнять задачи для многочисленных проектов в одном окне.
Если вы используете другие полезные веб-разработчику расширения для Google Chrome, то поделитесь ими в комментариях к статье. Нам интересно узнать, что используют другие программисты и верстальщики в своей работе.
Небольшое вступление: если вы часто используете программы для обработки или создания чего-либо, вам определенно стоит взглянуть на хранилище онлайн-утилит Multitoolbox. Возможно, там вы найдете те утилитки, которых вам не хватало.
Во-первых скажем несколько слов о родной функциональности Google Chrome , который по умолчанию предлагает множество функций, доступных только как плагины в FireFox и Internet Explorer . Например, многие веб-разработчики хотят получить веб-редактор Firebug для Chrome. Забавная история, но в данном случае не придется ставить такой плагин, так как Chrome Firebug Lite уже встроен в браузер. Необходимо просто выделить содержимое страницы, щёлкнуть правую кнопку на мыши, и выбрать пункт «Проверка элемента». Chrome откроет Firebug как окно редактирования, что позволяет редактировать CSS и Javascript, даже код "на лету" - без расширения.
Кроме того, есть эквивалент Xmarks для Google Chrome - Xmarks синхронизация закладок. При этом происходит синхронизация между любыми двумя установленными браузерами, что очень удобно если вы работаете как на портативном компьютере, так и на стационарном. Необходимо просто открыть меню «инструменты», нажав иконку маленького гаечного ключа в правом верхнем углу, и выбрать пункт «синхронизация закладок».
Теперь рассмотрим лучшие дополнения Google Chrome.
1. AdBlock. Некоторые утверждают, что блокировка рекламы убивает бесплатный веб, другие говорят что блокировка рекламы это просто фильтрация плохих рекламодателей. Не зависимо от вашего мнения, если вы ищете способ избавится от навязчивой рекламы, то это дополнение для вас. Оно удаляет наибольшее количество объявлений с большинства сайтов, делает их быстрее, благодаря блокировке автоматического воспроизведения видео на сайтах и прочим тонкостям.
2. Использование Gmail. Если вы пользуетесь Google Chrome, наверняка вы являетесь пользователем Gmail тоже. Это расширение будет направлять ссылки на электронную почту на Gmail, вместо автоматического открывания MS Outlook. Это позволит вам избавиться от копирования и вставки адресов почты в Gmail.
3. Google Mail Checker. Единственный реальный недостаток Gmail по сравнению с почтовым клиентом это то, что, если у вас не открыт Gmail, вы не получите мгновенного уведомления о полученной почте. Google Mail Checker Chrome расширение ведёт подсчёт необработанных сообщений рядом с адресной строкой браузера, и нажав на значок расширения открывается вкладка Gmail.
4. IE Tab. Некоторые сайты оптимизированы для работы исключительно в Internet Explorer, особенно такие продукты как Microsoft Outlook Web Access. Не расстраивайтесь, что вам будет недоступна родная IE веб -функциональность только потому, что вы используете Chrome. IE Tab Chrome создает виртуальный браузер IE в Chrome, так что вы сможете получить весь функционал сайта для Internet Explorer без потерь и без использования двух разных браузерах.
5. Просмоторщик документов PDF / PowerPoint Viewer. Если Chrome имеет явный недостаток, так это то что он не всегда хорошо отображает PDF документы корректно. Это расширение автоматически направляет открытие документов PDF или PowerPoint в Google Docs, где документ может быть прочитан, распознан, распечатан или сохранён быстро и легко.
6. FastestChrome. Пользователи FireFox называют это расширение Chrome FastestFox для Chrome, так как это два плагина одного и того же создателя. Это расширение повышает возможности поиска в Интернете. Для этого надо выделить любое слово на странице, что бы получить определение термина или запустить поиск текста. На сайте Google результаты поиска дополнительных страниц автоматически загружаются, так что можно просто использовать прокрутку. Соответствующие результаты от других поисковых систем и сайтов – таких как Amazon и Wikipedia взаимосвязаны с соответствующими результатами поиска Google. Загружается в левой колонке автоматически статья из Wikipedia. Если заниматься веб-исследованиями часто, то к расширению FastestChrome быстро привыкаешь, понимая все удобства.
7. Stop Autoplay для YouTube. Есть много расширений Chrome, которые останавливают автоматическое воспроизведение видео при посещении страницы, но рассматриваемый плагин пошёл ещё дальше. Он останавливает автопроигрывание ещё до того, как началась буферизация видео. Это будет очень полезно, для пользователей с небольшой скоростью Интернета.
8. Feedly. Если у вас есть закладки на RSS-каналы в Google Reader, Twitter, Delicious, YouTube или Amazon, то это удобное расширение очень подходит для вас. Feedly автоматически импортирует ваши каналы, затем организует содержание в страницы журнала удобные для просмотра. Это расширение так же содержит подсчёт ваших непрочитанных новостей в адресной строке, что бы вы знали сколько новостей ждут прочтения.
9. GooglePreview. GooglePreview Chrome плагин достаточно прост. Он добавляет изображение, что бы слева от любого результата поиска в Google показывался снимок с сайта. Это очень полезно, если вы ищете сайт, который посетили, но забыли добавить в закладки. И эти маленькие миниатюры помогут вспомнить вам необходимый сайт. Кроме того, если на миниатюре вы увидите сомнительное изображение, это поможет вам не попасть на сайт злоумышленников.
10. Session Manager. Иногда функций закладки может быть не достаточно. Например, вам необходимо сохранить веб-страницу именно так, в каком состоянии она находится, например, с заполненными полями. Session Manager поможет вам в таких ситуациях. Просто нажмите значок картонной коробки рядом с адресной строкой, и плагин предложит варианты сохранения для любой из страниц, с которой вы работаете. Все сохраняемые веб-страницы датируемые, так что вы сможете вернутся к любой версии вашей работы. Это звучит тривиально, но для тех кто пользуется несколькими веб-приложениями и интерфейсами, Session Manager значительно экономит время.
Надо заметить, что не смотря на все имеющиеся расширения для Chrome, несколько расширений явно отсутствуют. Они отнесены к «неуместным», не рекомендуемым Google. Например IE6-Ify. Он открывает симулятор IE6 для веб-сайтов, оптимизированными исключительно для него. Это расширение отсутствует с целью снять значимость тегов HTML.
В настоящее время создано множество дополнений и расширений для браузера Google Chrome. Пользователи могут выбирать себе необходимый функционал просматривая интересующие их категории, читать описания и отзывы о плагинах, ставить на свой компьютер, и если выбранное расширение подходит вам, то оставлять и использовать. Что бы не просматривать все категории, возможно просто воспользоваться поиском плагинов на сайте.
Эти расширения браузера Google Chrome помогут вам начать работать и в будущем устанавливая именно вам необходимые расширения, сделать свою работу максимально комфортной. Необходимо учитывать тот фактор, что любой плагин Chrome потребляет дополнительное количество оперативной памяти при работе. То есть, если вы установите большое количество дополнительных расширений браузер Chrome будет громоздким. В связи с тем рекомендуем оставлять только те дополнения, которые вам действительно необходимы, и позволяют более удобно работать на компьютере.
Сначала рассмотрим список из 12 полезных расширений для Google Chrome.
А затем перейдем к тому, как установить расширения для Google Chrome, как начать использовать расширение, как его удалить, а может быть, лучше просто временно отключить.
Значительно упростить работу за компьютером помогут следующие полезные расширения для Google Chrome.
1) Cryptocat – приложение для зашифрованной переписки. Поддерживается даже на устройствах с iOS.
2) Часто открываете в браузере более 10 вкладок, а потом не можете отыскать нужную информацию?
Tab Ahead осуществляет поиск по вкладкам, даже если они открыты в разных окнах. В качестве ключа (запроса для поиска) можно использовать название статьи или сайта.
3) Часто смотрите погоду на сайте Gismeteo ? С одноименным расширением Gismeteo делать этого не придется. Достаточно нажать на пиктограмму рядом с адресной строкой, чтобы во всплывающем окне появился прогноз погоды на ближайшие несколько дней. Для настройки режимов отображения щелкните по иконке ПКМ (правой кнопкой мыши).
4) Word Online – популярное приложение для работы с текстовыми документами через браузер Chrome. Такое онлайн-приложение имеет большое значение для мобильной индустрии. Теперь для работы с документами нужен только доступ в Интернет. Можно создавать, редактировать документы Word вместе с другими людьми в режиме реального времени.
5) Расширение Checker Plus for Gmail позволит через маленькое окно просматривать и создавать новые письма в Гугл-почте Gmail.
6) Не успеваете прочитать все открытые вкладки в браузере за день? Добавьте их в закладки через сервис Ox: Bookmarks и он самостоятельно напомнит Вам о полезных ссылках. Закладки сохраняются в удобном графическом виде так, чтобы пользователь всегда мог вспомнить о кратком содержании статьи.
7) На безопасность интернет-соединения влияет наличие https протокола.
Расширение HTTPS Everywhere подключает его автоматически на каждом сайте. На скорость работы оно не влияет, но позволяет защитить данные.
8) Приложение Hola Better Internet открывает доступ к заблокированным интернет -ресурсам, меняя ваш ip-адрес.
9) Honey – полезное расширение любителям онлайн-шоппинга. Он автоматически находит скидки и предоставляет купоны во время оформления заказов.
10) Расширение Back Again? следит за вашей активностью в сети, а потом выдает список часто посещаемых сайтов.
11) Отправляете письма из Gmail по расписанию?
Расширение SndLatr сохраняет сообщения до отправки в папке с черновиками, чтобы пользователь смог отредактировать его перед отправкой.
12) Smart Pause for YouTube – незаменимое расширение для всех любителей смотреть ролики на YouTube. Оно автоматически приостанавливает воспроизведение, если пользователь переходит на другую вкладку, а при возвращении – снова запускается.
Как установить расширения для Google Chrome?
Перечисленные выше расширения можно установить бесплатно. Для этого есть Интернет магазин Google Chrome.
1. Выделяем (проще говоря, «закрашиваем синим цветом») в статье выше то название расширения, которое нужно установить в браузере, например, Cryptocat. Нажимаем на горячие клавиши Ctrl+C («Копировать») и тем самым даем компьютеру команду запомнить название расширения для браузера.
2. Заходим в Интернет-магазин Google Chrome по ссылке //chrome.google.com/webstore/category/apps
3. В поле «Поиск по магазину» (цифра 1 на рис. 1) кликаем мышкой, после чего там появится курсор. Затем жмем на горячие клавиши Ctrl+V («Вставить»). Тогда в поле 1 на рис. 1 появится название расширения, которое нужно найти в Интернет-магазине Chrome. Нажимаем Enter.
Происходит поиск, после чего в правом окне появится результат поиска. В случае с Cryptocat это приложение, в других случаях может быть расширение. В магазине Chrome сначала идут приложения, а за ними – Расширения.
4. Нажимаем синюю кнопку «Бесплатно» (цифра 2 на рис. 1).
5. В некоторых случаях может появиться окно, в котором показывается, к каким данным расширение получит доступ. Например, на рис. 2 расширение Tab Ahead предупреждает, что получит доступ к чтению истории просмотров.
Рис. 2 К каким данным расширение получит доступ после его установки
Если Вас это устраивает, продолжаете установку дальше и жмете на кнопку «Добавить» (цифра 1 на рис. 2). Если не устраивает, отказываетесь от установки расширения – кнопка «Отмена» (цифра 2 на рис. 2).
6. Нажав на кнопку «Добавить», Вы тем самым предоставляете расширению доступ к некоторым Вашим данным, и устанавливаете его на своем компьютере.
Как начать использовать расширение?
Надо поднять глаза к верхней строке – это адресная строка браузера Google Chrome (цифра 1 на рис. 3). Справа от этой строки увидите значок расширения (цифра 2 на рис. 3):
Рис. 3 Где найти расширения после их установки из магазина Google ChromeЕсли будет установлено несколько расширений, значит, справа от адресной строки появится несколько значков. Сколько будет установлено расширений – столько будет значков справа от адресной строки.
Если расширение по каким-то причинам Вас не устраивает, то его можно
- временно выключить, как электрическую лампочку, а потом при необходимости включить.
- Также можно полностью удалить расширение.
Рассмотрим ниже эти два варианты. Начнем с удаления.
Как удалить расширение Google Chrome
Чтобы удалить расширение Google Chrome,
1. идем в Меню в браузере Google Chrome (цифра 1 на рис. 4)
Рис. 4 Как удалить расширение Google Chrome
2. Кликаем по опции «Дополнительные инструменты» (цифра 2 на рис. 4).
3. В появившемся меню щелкаем по опции «Расширения» (цифра 3 на рис. 4).
4. Увидим список установленных расширений, если Вы их когда-либо устанавливали, конечно.
5. Кликаем по значку Корзины – «Удалить»(цифра 2 на рис. 5). Расширение удалено.
Рис. 5 Как удалить или временно выключить расширение Google Chrome
Как временно отключить расширение Google Chrome
Иногда бывает удобно временно выключить расширение Google Chrome, а потом включить его при необходимости снова. При таком подходе не нужно будет снова заходить в Интернет-магазин Google Chrome, там искать нужное расширение, а потом устанавливать его.
Чтобы временно выключить расширение, для этого
1. идем в Меню Google Chrome (цифра 1 на рис. 4).
3. Выбираем «Расширения» (цифра 3 на рис. 4).
4. Находим то расширение, которое нужно временно выключить. Напротив него убираем флажок рядом с надписью «Включено» (цифра 1 на рис. 5 – флажок включен, надо кликнуть по флажку и надпись будет «Выключен»).
5. Чтобы потом снова включить расширение, надо будет кликнуть и поставить флажок так, как показано на рис. 5, цифра 1.
P.S. И это всё о нем, о браузере Google Chrome.
Судя по статистике, каждый второй пользователь в России используют браузер Google Chrome. Если это не так и вы пользуетесь Mozilla, Safari или IE, то уверен, что этот материал подтолкнет вас стать адептом хрома. Вы узнаете сколько преимуществ все это время было у вас под носом, и какое огромное количество возможностей открывает нам использование расширений. Браузер давно перестал быть программой для простого серфинга интернета, но превратился в универсальный инструмент, с помощью которого можно выполнить десятки и сотни различных задач. Сегодня я хочу вас познакомить с теми расширениями, которые я сам использую и которые могут помочь вам в нелегкой работе организатора мероприятий.
1. OneTab
Когда открыты сотни и десятки нужных закладок - браузер начинает тормозить. С помощью этого удобного расширения вы можете просто нажать на иконку расширения и свернуть их в компактный список, который не будет отнимать память браузера. Чтобы вызвать этот список и восстановить нужную вам вкладку, надо всего лишь снова нажать на иконку. Кстати говоря, OneTab хранит все ваши свернутые сессии по датам, так что вы в любой момент можете вернуть нужную. Проблема сотни открытых вкладок полностью решена!
2. Google Mail Checker
Event-менеджер всегда должен быть на связи, оперативно отвечать на письма и направлять подрядчиков. Если в Microsoft Outlook или Apple Mail существуют звуковые оповещения и баннеры, то плагин Google Mail Checker отлично выполнит эту роль для почты Gmail. Простой плагин отображает количество непрочитанных сообщений в вашем почтовом ящике, а простое нажатие на кнопку открывает почту. Кстати, этот плагин будет дополнительным стимулом для достижения заветного «Inbox Zero».
3. Signals by HubSpot
Signals by HubSpot — невероятно удобный лайфхак, позволяющий отслеживать ваши письма. После установки у вас появляется специальное расширение при отправке письма в Gmail (кнопка Send станет оранжевой и появится галка – отслеживать/не отслеживать), для Outlook требуется скачать плагин с сайта. После чего, нажимая на значок приложения, вы можете увидеть подробности: когда пользователь открыл письмо, в каком месте и сколько раз он его просматривал.
4. Planner 5D
Planner 5D — это приложение для создания планировки помещений и дизайна интерьера. Никаких специальных навыков не требуется, приложение проще любой игры. С помощью этого сервиса вы можете создать интерактивную 3D-планировку с мебелью и интерьером и детализировать отделку. После чего скачать ее или сделать скриншот и поместить в вашу презентацию. Сделайте простую схему сами и не напрягайте вашего дизайнера, если для вашей работы не требуется более серьезный софт, такой как Cinema 4D и SketchUp. В принципе, для создания большинства схем планировок подойдет обычный Paint или расширение SketchPad.
5. Приложение SketchPad
Своеобразный аналог Paint, SketchPad обладает гораздо более богатыми возможностями. С его помощью можно сделать простенький эскиз или зарисовать ваши задумки. Для всех тех, кто еще не успел в должной мере освоить Photoshop. Также можно рассмотреть ее как полезное релаксирующее средство и «топливо» для творчества, множество комбинаций и сотни градиентов могут увлечь любого человека.
6. Evernote Web Clipper
Самый простой способ сохранять интересные материалы, которые вы нашли в Интернете, добавлять к ним свои комментарии и делиться с другими людьми. Начиная копированием страниц и заканчивая пометками на снимках экрана, Evernote Web Clipper позволяет сохранять любые материалы из вашего браузера прямиком в Evernote, при чем не только полные веб-страницы, но и отдельные фрагменты, которые приложение «умно» выделит из вашего браузера с помощью пары кликов. Также вы можете сделать нужные пометки с помощью маркера, добавить текстовые комментарии, фигурки и штампы или сохранить всю переписку из Gmail почты вместе с вложениями.
7. Pocket (экс «Read It Later»)
Light-аналог Web Clipper и Clearly, для всех тех, у кого нет времени разобраться в Evernote. Устанавливаем Pocket , регистрируемся в сервисе, при нажатии на кнопку материал по ссылке отправляется в ваш аккаунт-карман (собственно, «покет»). Позже вы можете прочитать его и на другом вашем устройстве. Все просто.
8. MusicSig vkontakte
MusicSig vkontakte — самый легкий и бесплатный способ скачать аудио из ВКонтакте (для видео можно использовать VKSaver). После установки плагина ВКонтакте около каждой аудиозаписи появляется подробная информация и кнопка «скачать». Теперь, вы всегда сможете быстро найти требующуюся музыку для предстоящего мероприятия, ведь ВКонтакте, на данный момент, обладает самой большой базой. Помимо того – добавляет сотни полезных фишек для данной социальной сети. Умолчим о пиратстве, ведь мы не собираемся зарабатывать деньги на этом контенте.
9. Awesome Screenshot
Как вы уже догадались по названию, расширение позволяет профессионально делать снимки экрана: вы можете сделать фото полного экрана или выделить только нужную область, после чего она откроется в режиме редактирования, а вы можете внести туда стрелки, линии, подписи, размыть конфиденциальную информацию, далее сохранить файл либо загрузить его на онлайн-сервис и получить ссылку всего лишь за пару кликов. Таким образом, расширение
Иван Иваничев
Работа интернет-маркетолога настолько сложна и разнообразна, что в ней просто не обойтись без помощи различных инструментов. Держите обновленный список суперполезных плагинов для Google Chrome. Все они, перед тем как попасть в этот материал, прошли тщательное тестирование на наличие багов и удобство использования.
Дизайнерские задачи: скриншотинг, определение цвета и шрифта, поиск картинок, проверка на адаптивность
FireShot расширение для создания скриншотов, – оно позволяет захватить всю страницу, ее видимую область или регион и сделать скриншот с помощью горячих клавиш. Чтобы воспользоваться дополнительными функциями – аннотациями, графическим редактором, печатью, отправкой по электронной почте и в сеть, нужно приобрести Pro-версию, стоимость которой – почти 40 $.
Примечание: в галерее Chrome расширение не работает, воспользоваться им можно, вызвав контекстное меню правой кнопкой мыши.
Imgur Uploader – замена оригинального Imgur, удаленного из интернет-магазина Chrome, но с меньшим набором функций.
С помощью Colorzilla можно пипеткой взять цвет из любой точки вашего браузера и определить его номер. Незаменимая вещь для дизайнеров.
Типичная ситуация – вам понравился шрифт на одном из сайтов, но вы не знаете, как он называется. Лезть в коды и выискивать название слишком долго (а многие и вообще не знают, как это делается). С расширением What Font вам потребуется на это всего пару секунд. Вы просто наводите курсор мыши на нужное вам слово и получаете название шрифта. Работает и с латинскими, и с кириллическими шрифтами.
С помощью Resolution Test вы можете посмотреть, как выглядит веб-страница на различных типах экранов. К стандартному набору разрешений можно добавить любые свои.
Позволяет проверить, как ваш сайт выглядит на разных типах платформ.
Работа с информацией: экспресс-перевод и анализ текста, удобный поиск, систематизация и шеринг
Самый быстрый способ перевести нужное слово на английский. Вы просто выделяете его и щелкаете на значок расширения. Очень удобно.
Плагин, который помогает очищать текст от всякого словесного мусора, приводить материалы в порядок, согласно правилам инфостиля.
Расширение проверяет ваши тексты на наличие орфографических и грамматических ошибок где угодно в интернете – считывает поля в соцсетях, на почте и т. д. На сайте еще есть плагин для Google Docs, надстройка для Word и даже десктопная версия, которая работает без интернета. Кстати, огромный плюс, что поддерживается 25 языков: можно проверять тексты на английском, немецком и др.
Расширение добавляет в меню пункт, позволяющий сохранять (и не терять) сразу несколько кусков текста. Удобнее, чем многократное «Ctrl+C» и «Ctrl+V» куда-нибудь в Word или «Блокнот».
Простое расширение для подсчета символов/слов в любом выделенном тексте. Область применения не ограничивается копирайтингом: знаки считают при подготовке рекламных объявлений, метатегов и т. д. В настройках плагина можно выбрать, что именно отображать: символы с пробелами, количество слов или число символов без пробелов.
Самое крутое расширение для сохранения статей, закладок, картинок и другого контента. Правда, чтобы его использовать, нужен аккаунт в Evernote. Вас еще нет в Evernote? Так чего же вы ждете? Срочно регистрируемся! Ведь не зря у этого сервиса столько поклонников.
Проверяет правильность написания. Не нужно открывать Word и ждать, пока он загрузится.
C помощью расширения OneTab вы можете сэкономить 95 % памяти браузера, а также избавиться от беспорядка на панели вкладок. Когда у вас открыто много страниц, вы просто нажимаете на его иконку и сворачиваете все вкладки в аккуратный список. Чтобы их развернуть, достаточно нажать на кнопку “Restore it”.
Разделяет ваш монитор на две части. Размер окон настраивается.
Полезнейшее расширение для конвертирования файлов из одного формата в другой. Поддерживается свыше 2 500 различных комбинаций: rar в zip, pdf в jpg, epub в pdf, png в ico и многие другие.
Продуктивность: тайм-трекинг, таск-менеджмент
Когда вы поймете, какие сайты являются вашими главными тайм-киллерами, вам, вероятно, захочется как-то уменьшить свое время пребывания на них. А поскольку зависимость уже достаточно сильна, без посторонней помощи вы вряд ли сможете справиться. Решение этой проблемы – расширение Block site. С помощью него можно либо полностью заблокировать сайт, либо указать время, когда он должен быть заблокирован (например, в рабочее – с 9 до 18). Тогда у вас точно не будет соблазна полазить по страничкам «ВКонтакте».
В галерее Chrome расширение не работает, воспользоваться им можно, выбрав «Заблокировать эту ссылку» в меню.
Расширение для управления расширениями (простите за тавтологию). Одним кликом включает и выключает плагины. Думаю, после прочтения этой статьи оно вам точно понадобится.
The Great Suspender – расширение, которое делает Google Chrome менее прожорливым, приостанавливая работу вкладок, которые в данный момент не используются. Время, на которое будет приостановлена работа данных вкладок, можно назначить самому.
Отличное приложение для любителей прокрастинации и вообще всех, кто хочет контролировать свое время или хотя бы просто понять, на что оно тратится. Списки отвлекающих/продуктивных сайтов настраиваются.
Простейший инструмент тайм-менеджмента, работающий по методу «помидора». Кнопка «Tomato» запускает отсчет 25 минут, по истечении срока раздается звуковой сигнал. Потом, соответственно, надо выбрать – короткий или длинный перерыв. Есть статистика.
SEO, веб-разработка, безопасность: статистика сайтов, подбор ключевых слов, проведение технического аудита
Для тех, кто не готов платить за Key Collector. Расширение значительно ускоряет ручной сбор поисковых запросов с «Вордстата».
Расширение для быстрого анализа основных SEO-показателей: PR, Alexa Rank, входящие ссылки и т. д.
Находит и выделяет красной рамкой тег no-follow и метатег no-index.
Расширение, которое показывает, какие веб-технологии использовались при разработки того или иного сайта. Показывает CMS, установленные счетчики, язык программирования и т. д.
Alexa Traffic Rank предоставляет данные о сайте (трафик, среднее время загрузки), который вы посещаете, без прерывания от просмотра. Также можно посмотреть, как данный сайт выглядел в прошлом с помощью сервиса Wayback Machine, связанные ссылки и т. д.
SEOquake – расширение, которое предоставляет данные основных показателей поисковой оптимизации сайтов и подробный анализ страниц поисковой выдачи, а также позволяет проводить SEO-аудит для технической подготовки к работам по продвижению сайта .
Данное расширение показывает, с помощью каких инструментов был «построен» просматриваемый сайт и какие сервисы аналитики, рекламы, отслеживания, коммуникации он использует.
Этот плагин измеряет количество трафика на сайт и его источники, показывает поведенческие метрики (показатель отказов, время на сайте и др.). Необходим для анализа конкурентов, оценки площадок под