Расширение на гугл хром. Лучшие расширения для Google Chrome

Работая в качестве веб-разработчика, вы, вероятно, много времени используете браузер. Сегодня почти каждый браузер имеет свои собственные инструменты для разработчиков, которые позволяют увидеть, что происходит за кулисами. Некоторые из браузеров имеют множество расширений, которые помогут вам оптимизировать процесс веб-разработки.

В этом посте мы собрали наши любимые и полезные расширения для 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, то поделитесь ими в комментариях к статье. Нам интересно узнать, что используют другие программисты и верстальщики в своей работе.

Всех приветствую!
Сегодня мы рассмотрим расширения для хром — одного из самых лучших и быстрых браузеров Google Chrome.
Как я формировал данный список расширений браузера хром ? – Я просто открыл свой список. Он был достаточно большим, мне стало интересно, какие еще есть расширения, после получаса «гугления» список удвоился, решил разбить на категории , получилось довольно много, но браузер все так же быстро бегает даже на моем нетбуке.

Безопасность

DR.web Link Checker (https://chrome.google.com/webstore/detail/mmcdngiaihjohknddjloeppfbgfcoobo) — проверка ссылок перед посещением от известного производителя DR.web. Кстати на странице веба — www.freedrweb.com (http://www.freedrweb.com/linkchecker/?lng=en) Вы можете загрузить это расширение для других браузеров.

McAfee / SiteAdvisor (https://chrome.google.com/webstore/detail/dckheglehcdhpjkdmmmghbgkcdebhhae) — показывает значком рейтинги безопасности для веб-сайтов, это расширение будет предупреждать вас, прежде чем Вы откроете вредоносный (фишинговый) сайт.

Маленькая хитрость для улучшения безопасности и удобства вашего серфинга — в расширенных настройках браузера — настройка содержания, выберите — Запретить выполнение JavaScript на всех сайтах. JavaScript обычно используют для улучшения функциональности (красивости, всплывающие окна и т.д.) поэтому можно смело отключать. Этим Вы уменьшите скачиваемый трафик и нагрузку на браузер . Естественно некоторые сайты потеряют функциональность, чтобы разрешить использовать яваскрипты тому или иному сайту, в адресной строке нажимаем на появившийся заначек и выбираем- всегда разрешать использование яваскриптов на данном сайте. Настраиваем один раз для посещаемых сайтов и все, остальные ненужные ява скрипты — долой!….)

Отключаем рекламу на сайтах

AdBlock (https://chrome.google.com/webstore/detail/gighmmpiobklfepjocnamgkkbiglidom) — Наиболее популярное расширение Chrome с более чем 2 миллионами пользователей! Блокирует рекламу по всему Интернету.

Далее приведу список блокеров для конкретных социальных сетей, из названия видно для какой соц сети. У меня стоит только основной один AdBlock, либо он все блокирует, либо не замечал рекламу, на ютубе ее точно нет.
Facebook Ads Blocker
Ad-blocker for Gmail
ADS Blocker VKontakte

Увеличение скорости загрузки веб страниц

1. Отключаем загрузку JavaScript (в категории безопасность описал);

2. FlashBlock — Одно из самых необходимых расширений. Вместо вывода содержимого flash роликов показывает серые экраны с кнопкой. Как правило на флеше пишут рекламные банеры, логотипы, анимацию, вот берем одним махом и все это вырубаем, а если какой то элемент нужен (видео на ютуб, флешь кнопка) — кликаем по черному окну и видим содержимое ролика.

Расширяем функционал браузера

Speed Dial 2.0 RUS — ставшая стандартом Экспресс-панель для Google Chrome. Удобно, функционально. необходимо.

AppJump App Launcher and Organizer — кнопка для быстрого доступа к установленным приложениям, не расширениям, а именно приложениям гугл хром, о них в одной из следующей статье.

Google Mail Checker — Отображение количества непрочитанных сообщений в почтовом ящике Google Mail. Можно также нажать кнопку, чтобы открыть папку «Входящие»

Minimize Chrome to tray — минимизируем гугл хром в трей (область возле часов).

Quick Translate Ru — Перевод выделенного текста на русский из контекстного меню. Очень удобно, перевод только выделенного текста в всплывающем окошке, сам определяет какой язык и переводит на русский.

Sexy Undo Close Tab — расширение так же ставшее необходимым стандартом. Запоминает закрытые вкладки, открываем давно и недавно закрытые вкладки двумя кликами.

Smooth Gestures — Быстро и легко перемещайтесь по страницам с помощью мыши или клавиатуры. Гораздо удобней сделать жест мышкой в любом месте экрана, чем целиться в кнопки. Ставьте и Вам понравиться, работать с ним так же просто как купить фингерборд и виртуально управлять ним).

Панель инструментов Chrome (https://chrome.google.com/webstore/detail/fjccknnhdnkbanjilpjddjhmkghmachn) — Инструмент быстрого доступа, который позволяет Вам разместить избранные команды браузера в ниспадающем меню, сохранять неотправленные данные форм, увеличивать изображения, просматривать видео в отдельном окне и задавать ярлыки для открытия всех ссылок в любой папке закладок. Очень функциональное расширение, можно даже ярлыки () сторонних программ повесить.

Расширения для социальных сетей

Tweet Button for Chrome — добавляет кнопку, по нажатию на которую, отправляем страницу в твитер. Таких кнопок пруд пруди, но что делает эту особенной? — Мы отправляем от имени того аккаунта, который указали в ее настройках, а не от того, под которым зашли в браузере в твитер.

Кнопка +1 — Добавляйте +1 где угодно и делитесь любыми веб-страницами. Отправляем страницу в новую соц сеть от гугл.

Есть расширения для фейсбука, вконтакта и прочих социалок, я их не юзаю, поэтому не указал, просто вводите имя социалки на странице расширений — chrome.google.com/webstore/search , выбираете если есть русскую версию и готово.

Расширения для веб мастеров

Firebug Lite for Google Chrome — конечно же многими любимый Firebug — консоль, отладчик, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest. Незаменимый инструмент если Вы вебмастер или любитель редактирующий темы wordpress или любые другие страницы. В хроме есть свой анализатор — в контекстном меню анализ кода элемента, но огненный жук будет побогаче.

Chrome Sniffer — инструмент для любопытных)) — показывает на каком движке, библиотеке написан сайт. Постоянно смотрю на чем написан тот или иной понравившийся сайт.

IE Tab Multi (Enhance) — тоже полезный элемент. Как бы не был хорош хром, опера,интернет эксплорер от майкрософт все же остается самым используемым, нажимаем на кнопку и видим как выглядит наш сайт глазами пользователя интернет эксплорера.

RDS bar — снова стандарт и любимец — Быстрый анализ SEO показателей сайта и страницы, рассчитанный на вебмастеров и оптимизаторов.

TinEye Reverse Image Search — довольно полезное расширение. Нашли картинку, но она не подходит размером, либо на ней водяной знак? Из контекстного меню выбираем — поиск картинки на TinEye. И довольно быстро найдем много вариантов (размер, качество) нашей картинки.

Фух, длинный и нелегкий пост получился, расслабимся дозой смеха, этот кот кого угодно рассмешит:

Если у Вас есть замечания или дополнения к списку, пишите, с удовольствием дополню, также не забывайте плюсануть статью)

G oogle Chrome – современный функциональный и очень популярный браузер, однако стандартного набора опций, который предлагает программа, многим пользователям недостаточно, вот тут и приходят на помощь расширения для Гугл Хром. Впрочем, довольно часто, установив расширение, пользователь понимает, что оно ему, на самом деле, совершенно не нужно. В этой статье расскажем, как удалить расширения в Гугл Хром .

Что такое расширение Гугл Хром?

Расширения Google Chrome – это специальные программы, которые помогают повысить функционал браузера. Все расширения Гугл Хром собраны в официальном интернет-магазине Chrome, откуда их легко можно скачать и установить.

Расширений в данном магазине существует огромное количество, многие из них очень полезны. Например, позволяет организовать удобную панель доступа к самым популярным ресурсам. Также можно установить расширение «Экономия трафика», которое активирует , или расширение AdBlock, которое блокирует интернет-рекламу (правда блокирует как «вирусную» рекламу, так и рекламу с качественных площадок (Яндекс.Директ и Google Adsense), но есть возможность добавить отдельный ресурс в исключения) и так далее.

Однако существует масса расширений бесполезных. Впрочем, кто из нас хоть раз не обманывался рекламой и не скачивал что-то бесполезное? Так или иначе, несостоятельность расширения быстро обнаруживается, и пользователь сталкивается с необходимостью его удалить. Как это сделать? Давайте разбираться.

Как удалить расширения в Гугл Хром?

Проблемы с удалением расширений у пользователей возникают главным образом потому, что устанавливаются они все, как правило, автоматически. Все, что нужно пользователю, чтобы установить расширение – указать его название в поисковой строке интернет-магазина Chrome и кликнуть на кнопочку установить.

Все! После этого без всякого вмешательства пользователя расширение скачается и «поселится» в браузере. В виду такой простоты установки расширений, когда пользователь сталкивается с необходимостью удалить одно из них, ему довольно трудно сориентироваться.

Тем не менее, не пугайтесь, удалить любое расширение из Гугл Хром совсем несложно и для этого существует два способа. Мы расскажем вам оба, а вы сможете пользоваться тем, что вам больше «приглянется».

Способ 1:

1. Открываем браузер.

4. В открывшемся окне ищем расширение, которое требуется удалить – допустим, мы хотим удалить расширение AdBlock, значит, отыскиваем его.

5. Теперь кликаем по значку корзины напротив расширения.

6. В открывшемся окне «Подтверждение удаления» жмем кнопку «Удалить».

7. Готово! Расширение удалено!

Способ 2:

Каждое расширение, устанавливаясь в браузер, добавляет в него кнопку быстрого доступа, с помощью которой можно легко и просто управлять расширением, в том числе, и удалять его. Разберемся, как же удалять расширения с помощью этих кнопок.

1. Открываем браузер.

2. Ищем кнопку быстрого доступа того расширения, которое хотим удалить, нажимая левой кнопкой мыши по очереди на кнопки всех установленных расширений, пока не обнаружим необходимое – мы, опять же, разберемся на примере AdBlock, так что ищем его.

Обратите внимание! Все кнопки расширений, как правило, группируются в правом верхнем углу браузера.

3. Когда кнопка расширения нашлась, жмем по ней правой кнопкой мыши.

4. В появившемся меню мы должны увидеть пункт «Удалить из Chrome» — подобный пункт присутствует в меню всех расширений браузера – жмем по данному пункту.

5. В окне «Подтверждение удаления» жмем кнопку «Удалить».

6. Готово! Расширение удалено!

Как временно отключить расширение в Гугл Хром?

Если работая с расширением, вы поняли, что оно все-таки не совсем бесполезное, однако пользуетесь вы им не каждый день, не обязательно его удалять, можно просто временно отключить его. Чтобы сделать это:

1. Открываем браузер.

2. Заходим в меню «Настройки».

3. Кликаем строчку «Дополнительные инструменты», далее «Расширения».

4. В открывшемся окне ищем расширение, которое хотим временно отключить – в качестве примера опять возьмем AdBlock, значит, отыскиваем его.

5. Убираем галочку в окошке «Включено» напротив расширения.

6. Готово! Расширение временно отключено – чтобы активировать его работу вновь, выполните пункты 1-4 данной инструкции и верните галочку в окошко «Включено» напротив расширения.

Совет! Для быстрого поиска расширения, можно воспользоваться его кнопкой быстрого доступа – нажмите на кнопку соответствующего расширения правой кнопкой мыши и кликните по пункту «Управление расширениями», вы автоматически окажетесь в меню «Расширения» браузера Google Chrome, при этом позиция с расширением, по кнопке которого вы кликнули, будет выделена и вам не придется его искать. Этот способ особенно удобен, если у вас установлено много расширений.

Итоги

Что ж, теперь вы знаете, как удалить расширения в Гугл Хром, а также как временно отключить их. Надеемся, эти знания пригодятся вам для организации более удобной и простой работы в браузере!

Работа интернет-маркетолога настолько сложна и разнообразна, что в ней просто не обойтись без помощи различных программулек и сервисов. О программах мы уже писали и , поэтому сегодня остановимся немного на другом. Предлагаем вашему вниманию довольно обширный список суперполезных плагинов для Google Chrome. Все они, перед тем как попасть в этот материал, прошли тщательное тестирование на наличие багов и удобство использования. Большей частью я пользуюсь сама. Надеюсь, данная информация будет для вас полезна.

FireShot расширение для создания скриншотов, – оно позволяет захватить всю страницу, ее видимую область или регион и сделать скриншот с помощью горячих клавиш. Чтобы воспользоваться дополнительными функциями – аннотациями, графическим редактором, печатью, отправкой по электронной почте и в сеть, нужно приобрести Pro-версию, стоимость которой – $59.95.

Примечание: В галерее Chrome расширение не работает, воспользоваться им можно, вызвав контекстное меню правой кнопкой мыши.

Imgur Uploader – замена оригинального Imgur, который был удален из интернет-магазина Chrome, но с меньшим набором функций.

С помощью Colorzilla можно пипеткой взять цвет из любой точки вашего браузера и определить его номер. Незаменимая вещь для дизайнеров.

Типичная ситуация – вам понравился шрифт на одном из сайтов, но вы не знаете, как он называется. Лезть в коды и выискивать название слишком долго (а многие и вообще не знают, как это делается). А с расширением What Font вам потребуется на это всего пару секунд. Вы просто наводите курсор мыши на нужное вам слово и получаете название шрифта. Работает и с латинскими, и с кириллическими шрифтами.

Простая линейка для измерения размеров любой выделенной области.

Если вы работаете в контент-маркетинге, то наверняка постоянно пользуетесь сервисом Google «Поиск по картинкам» (с помощью него можно искать похожие изображения, а также изображения большего размера). Порядок действий таков: сначала вы копируете ссылку картинки, затем заходите в Гугл Картинки, вставляете ссылку и нажимаете поиск. Не много ли лишних действий? С помощью расширения Search by Image вам потребуется всего два быстрых клика.

С помощью Resolution Test вы можете посмотреть, как выглядит веб-страница на различных типах экранов. К стандартному набору разрешений можно добавить любые свои.

Позволяет проверить, как ваш сайт выглядит на разных типах платформ.

Самый быстрый способ перевести нужное слово на английский. Вы просто выделяете его и щелкаете на значок расширения. Очень удобно.

Самое крутое расширение для сохранения статей, закладок, картинок и другого контента. Правда, чтобы его использовать, нужен аккаунт в Evernote. Вас еще нет в Evernote? Так чего же вы ждете? Срочно регистрируемся! Ведь не зря у этого сервиса столько поклонников.

Проверяет правильность написания. Не нужно открывать ворд и ждать, пока он загрузится.

Позволяет открывать файлы в формате pdf, xls, doc и др. прямо в браузере. Можно выбрать только те форматы, которые вам нужны. Также можно внести в исключения сайты, на которых не будет распространяться действие расширения.

C помощью расширения OneTab вы можете сэкономить 95% памяти браузера, а также избавиться от беспорядка на панели вкладок. Когда у вас открыто много страниц, вы просто нажимаете на его иконку и сворачиваете все вкладки в аккуратный список. Чтобы их развернуть, достаточно нажать на кнопку “Restore it”.

По умолчанию Chrome открывает новые вкладки сразу за текущей вкладкой. А с этим расширением они будут всегда открываться самыми последними с правого края.

Часто бывает так, что натыкаешься на интересный материал, хочешь его расшарить, но не получается – то сервис не работает, то нет кнопки той социальной сети, которая вам нужна. Благодаря Shareaholic вы сможете всегда и без проблем делиться понравившимся контентом. Сервис требует завести аккаунт (можно за 2 секунды войти с помощью Facebook или Twitter, у вас же есть эти аккаунты, правда?). В отличие от знаменитого расширения Buffer , предоставляет доступ ко всем известным и неизвестным соцсетям. В Буфере же – бесплатно только 4 (Twitter, Facebook, LinkedIn, Google+). За остальные придется платить.

Помогает выбирать самые хорошие хэштеги, выделяя их разными цветами. Зеленый – хороший хэштег. Синий – нормальный. Красный – слишком часто используется. Если честно, так и не поняла, работает это расширение на русском языке или нет, т.к. все вводимые мной хэштеги были «нормальными», включая даже такие явно популярные слова как «любовь», «маркетинг» и «фото». Для зарубежных пользователей или тех, кто продвигается в буржунете, подойдет отлично.

Разделяет ваш монитор на две части. Размер окон настраивается.

Предоставляет доступ к данным EXIF картинок (модель фотоаппарата, выдержка, использование вспышки, размер матрицы и т.д.).

Позволяет определить, на каких сайтах вы проводите больше всего времени. Очень подробная и отрезвляющая статистика.

Когда вы поймете, какие сайты являются вашими главными тайм-киллерами, вам, вероятно, захочется как-то уменьшить свое время пребывания на них. А поскольку зависимость уже достаточно сильна, без посторонней помощи вы вряд ли сможете справиться. Решение этой проблемы – расширение Block site. С помощью него можно либо полностью заблокировать сайт, либо указать время, когда он должен быть заблокирован (например, в рабочее – с 9 до 18). Тогда у вас точно не будет соблазна полазить по страничкам Контакта.

В галерее Chrome расширение не работает, воспользоваться им можно, выбрав «Заблокировать эту ссылку» в меню.

Очень простое расширение. Позволяет добавлять задачи и отслеживать время их выполнения. Работает в фоновом режиме.

Бережно хранит ваши пароли. Требует регистрации.

Позволяет посмотреть подробную статистику по liveinternet на любом сайте, где тот установлен.

Для тех, кто не готов платить за Key Collector. Какая-никакая, а помощь.

Расширение для быстрого анализа основных SEO-показателей: ТИЦ, PR, Alexa Rank, входящие ссылки и т.д.

Находит и выделяет красной рамкой тег no-follow и метатег no-index.

Расширение, которое показывает, какие веб-технологии использовались при разработки того или иного сайта. Показывает CMS, установленные счетчики, язык программирования и т.д.

Расширение для управления расширениями (простите за тавтологию). Одним кликом включает и выключает плагины. Думаю, после прочтения этой статьи оно вам точно понадобится.