Содержание
- 1 Wayback Machine
- 2 The Great Suspender
- 3 PixelBlock
- 4 animatedTabs
- 5 xTab
- 6 Go Back With Backspace
- 7 OneTab
- 8 HabitLab
- 9 Eye Dropper
- 10 Ghostery
- 11 ProPublica’s What Facebook Thinks You Like
- 12 Pocket
- 13 1Password
- 14 Google Calendar
- 15 1. PerfectPixel
- 16 2. Wappalyzer
- 17 3. HTML5 Outliner
- 18 4. Wireframify
- 19 5. PageLiner
- 20 6. Web Developer
- 21 7. User CSS
- 22 8. StyleURL
- 23 9. Siteimprove Accessibility Checker
- 24 10. Tabsbook
Подборка редакции издания Wired.
По данным аналитиков организации StatCounter, 60% владельцев десктопных устройств пользуются браузером Google Chrome. Однако доля тех, кто использует расширения — сервисы от сторонних разработчиков, которые можно встроить в браузер — гораздо меньше.
С их помощью можно стать продуктивнее, повысить безопасность интернет-действий или развлечься.
Wayback Machine
Расширение от организации Internet Archive для пользователей, которые сталкиваются с «ошибкой 404». Оно позволяет узнать, как выглядел сайт в прошлом, даже если владелец его удалил.
The Great Suspender
Приложение автоматически закрывает вкладки браузера, если пользователь долго не обращает на них внимание. В том случае, если вкладка неожиданно понадобится, её можно вернуть обратно по одному щелчку.
Расширение настраивается — можно указать, сколько времени должно пройти, прежде чем сервис сочтёт вкладку неактивной, или составить список вкладок, которые ни в коем случае нельзя закрывать — например, Slack или Gmail.
PixelBlock
Расширение для электронной почты не позволяет отправителем узнать, прочитаны ли их письма. Также оно подсказывает пользователям, кто из их контактов проявляет лишнее любопытство.
animatedTabs
Бесполезное, но забавное расширение: при открытии новой вкладки оно публикует свежие GIF-изображения из соответствующего раздела Reddit.
xTab
Расширение ограничивает количество вкладок, которое можно открыть в одном браузерном окне. При попытке превысить лимит, часть прежних вкладок закрывается.
Go Back With Backspace
До июля 2016 года в браузере Chrome можно было вернуться на предыдущую страницу с помощью «горячей клавиши» Backspace — если курсор не находился в текстовом поле. Это раздражало многих пользователей веб-сервисов, которые нечаянно нажимали Backspace и теряли данные — например, несохранённый текст.
Google пошла на встречу и отменила действие для клавиши Backspace, однако это возмутило тех пользователей, которые уже привыкли двигаться «назад» с помощью клавиатуры.
Они могут вернуть привычный порядок вещей с помощью расширения Go Back With Backspace.
OneTab
Расширение позволяет составить список ранее открытых вкладок и изучить их в более удобное время. Оно подходит для владельцев «слабых» компьютеров или ноутбуков (каждая открытая вкладка съедает долю оперативной памяти), а также для любителей оставлять «на потом» десятки веб-страниц.
HabitLab
С помощью расширения от исследователей из Стенфордского университета пользователи могут контролировать зависимость от социальных сетей и развлекательных сервисов.
Когда пользователь заходит в Facebook или Twitter, перед ним появляется счётчик — сколько времени он тратит на сервис. Если пользователь закрывает вкладку раньше обычного, расширение подсчитывает, сколько времени удалось сэкономить.
Пользователь может воспользоваться уже сформированным списком «противопоказанных» сайтов, или добавить собственные.
Eye Dropper
Сервис для веб-дизайнеров. С его помощью можно быстро узнать коды цветов — в формате HEX или RGB.
Ghostery
Расширение позволяет определить и заблокировать сервисы, которые собирают пользовательские данные на сторонних сайтах. Ghostery может работать нестабильно и «ломать» отображение некоторых веб-страниц — на этот случай разработчики добавили возможность поставить расширение на паузу, а в будущем обещают исправить проблемы.
ProPublica’s What Facebook Thinks You Like
С помощью расширения пользователи могут узнать, какими их представляют алгоритмы Facebook.
Полезное кросс-платформенное расширение, которое позволяет откладывать и сохранять на будущее интересные статьи. Подходит для тех, кто любит открывать несколько десятков вкладок.
1Password
Расширение от популярного менеджера паролей. Позволяет автоматически заполнять формы для авторизации, придумывать новые пароли и сохранять данные.
Google Calendar
Приложение по щелчку мыши добавляет в календарь новые события и создает иконку справа от адресной строки. При нажатии выпадает список всех запланированных дел на сегодня или на ближайшие две недели.
Каким браузером вы пользуетесь?
А вот может кому понадобиться этот список расширений Хрома:1. FireShotПозволяет делать скриншот области экрана, видимой части экрана, а также всей страницы. После этого скриншот можно отредактировать: обрезать, выделить важные моменты, «затуманить» ненужные, сделать подписи и пр. Все нарисованные элементы можно двигать, изменять, удалять. Можно выбрать тип шрифта, его размер, выравнивание по краям и середине. Можно изменять цвет шрифта и фона рамки. Можно рамку вообще не использовать. В общем, у этой программы просто куча настроек! Но самое главное ее преимущество в том, что созданные скриншоты можно тут же заливать на хостинг. Ни Awesome Screenshot, ни какое-либо другое расширение с Fireshot просто не сравнится (а уж поверьте, при подготовке этого материала их было просмотрено немало).2. ImgurОчень простое и полезное расширение для хостинга изображений. Чтобы залить файлы, достаточно перетащить их в окно браузера. Чтобы поделиться изображением, жмем «copy link» и отправляем ссылку своему товарищу. «Delete» — удалить фото. «Download» — скачать. «Meme» — сделать мем (из своей картинки или шаблона).3. ColorzillaС помощью Colorzilla можно пипеткой взять цвет из любой точки вашего браузера и определить его номер. Незаменимая вещь для дизайнеров.4. What FontТипичная ситуация — вам понравился шрифт на одном из сайтов, но вы не знаете, как он называется. Лезть в коды и выискивать название слишком долго (а многие и вообще не знают, как это делается). А с расширением What Font вам потребуется на это всего пару секунд. Вы просто наводите курсор мыши на нужное вам слово и получаете название шрифта. Работает и с латинскими, и с кириллическими шрифтами.5. MeasureIt!Простая линейка для измерения размеров любой выделенной области.6. Search by ImageЕсли вы работаете в контент-маркетинге, то наверняка постоянно пользуетесь сервисом Google «Поиск по картинкам» (с помощью него можно искать похожие изображения, а также изображения большего размера). Порядок действий таков: сначала вы копируете ссылку картинки, затем заходите в Гугл Картинки, вставляете ссылку и нажимаете поиск. Не много ли лишних действий? С помощью расширения Search by Image вам потребуется всего два быстрых клика.7. Resolution TestС помощью Resolution Test вы можете посмотреть, как выглядит веб-страница на различных типах экранов. К стандартному набору разрешений можно добавить любые свои.8. User-Agent SwitcherПозволяет проверить, как ваш сайт выглядит на разных типах платформ.9. Google DictionaryСамый быстрый способ перевести нужное слово на английский. Вы просто выделяете его и щелкаете на значок расширения. Очень удобно.10. Evernote Web ClipperСамое крутое расширение для сохранения статей, закладок, картинок и другого контента. Правда, чтобы его использовать, нужен аккаунт в Evernote. Вас еще нет в Evernote? Так чего же вы ждете? Срочно регистрируемся! Ведь не зря у этого сервиса столько поклонников.11. Simple AdblockБлокирует рекламу, поп-апы и даже ролики, которые проигрываются перед основным видео, на Youtube. Однозначно must-have, хотя бы просто ради последней функции.12. Spell Checker for ChromeПроверяет правильность написания. Не нужно открывать ворд и ждать, пока он загрузится.13. Docs PDF/PowerPoint Viewer (by Google)Позволяет открывать файлы в формате pdf, xls, doc и др. прямо в браузере. Можно выбрать только те форматы, которые вам нужны. Также можно внести в исключения сайты, на которых не будет распространяться действие расширения.14. OneTabC помощью расширения OneTab вы можете сэкономить 95% памяти браузера, а также избавиться от беспорядка на панели вкладок. Когда у вас открыто много страниц, вы просто нажимаете на его иконку и сворачиваете все вкладки в аккуратный список. Чтобы их развернуть, достаточно нажать на кнопку «Restore it».15. New Tabs Always LastПо умолчанию Chrome открывает новые вкладки сразу за текущей вкладкой. А с этим расширением они будут всегда открываться самыми последними с правого края.16. ShareaholicЧасто бывает так, что натыкаешься на интересный материал, хочешь его расшарить, но не получается — то сервис не работает, то нет кнопки той социальной сети, которая вам нужна. Благодаря Shareaholic вы сможете всегда и без проблем делиться понравившимся контентом. Сервис требует завести аккаунт (можно за 2 секунды войти с помощью Facebook или Twitter, у вас же есть эти аккаунты, правда?). В отличие от знаменитого расширения Buffer, предоставляет доступ ко всем известным и неизвестным соцсетям. В Буфере же — бесплатно только 4 (Twitter, Facebook, LinkedIn, Google+). За остальные придется платить.17. goo.gl URL ShortenerПозволяет в один клик сокращать ссылки и отслеживать переходы по ним.18. RiteTagПомогает выбирать самые хорошие хэштеги, выделяя их разными цветами. Зеленый — хороший хэштег. Синий — нормальный. Красный — слишком часто используется. Если честно, так и не поняла, работает это расширение на русском языке или нет, т.к. все вводимые мной хэштеги были «нормальными», включая даже такие явно популярные слова как «любовь», «маркетинг» и «фото». Для зарубежных пользователей или тех, кто продвигается в буржунете, подойдет отлично.19. Signals by HubSpotПозволяет отслеживать «судьбу» имейлов. Открыл ли адресат ваше письмо? Прочитал? Кликнул по ссылке? Все это можно узнать с помощью данного расширения. Единственный минус плагина — работает только с почтой gmail.20. DuallessРазделяет ваш монитор на две части. Размер окон настраивается.21. EXIF ViewerПредоставляет доступ к данным EXIF картинок (модель фотоаппарата, выдержка, использование вспышки, размер матрицы и т.д.).22. Print Friendly & PDFУдаляет рекламу, меню навигации и весь остальной мусор перед печатью веб-страницы. Также позволяет отредактировать документ и сохранить его в формате pdf.23. TimestatsПозволяет определить, на каких сайтах вы проводите больше всего времени. Очень подробная и отрезвляющая статистика.24. Block siteКогда вы поймете, какие сайты являются вашими главными тайм-киллерами, вам, вероятно, захочется как-то уменьшить свое время пребывания на них. А поскольку зависимость уже достаточно сильна, без посторонней помощи вы вряд ли сможете справиться. Решение этой проблемы — расширение Block site. С помощью него можно либо полностью заблокировать сайт, либо указать время, когда он должен быть заблокирован (например, в рабочее — с 9 до 18). Тогда у вас точно не будет соблазна полазить по страничкам Контакта.25. Simple Time TrackОчень простое расширение. Позволяет добавлять задачи и отслеживать время их выполнения. Работает в фоновом режиме.26. RoboForm LiteБережно хранит ваши пароли. Требует регистрации.27. Статистика сайтов от LiveInternet.ruПозволяет посмотреть подробную статистику по liveinternet на любом сайте, где тот установлен.28. Yandex Wordstat HelperДля тех, кто не готов платить за Key Collector. Какая-никакая, а помощь.29. RDS barРасширение для быстрого анализа основных SEO-показателей: ТИЦ, PR, Alexa Rank, входящие ссылки и т.д.30. NoFollowНаходит и выделяет красной рамкой тег no-follow и метатег no-index.31. WappalyzerРасширение, которое показывает, какие веб-технологии использовались при разработки того или иного сайта. Показывает CMS, установленные счетчики, язык программирования и т.д.32. Domain DetailsПоказывает информацию о сайте и сервере. Будет полезно тем, кто только планирует разработать свой собственный сайт.33. ExtensityРасширение для управления расширениями. Одним кликом включает и выключает плагины. Думаю, после прочения этой статьи оно вам точно понадобится.Вот еще Что Гугл знает о нас ?, а вот старый пост про Кладбище сервисов Google. Посмотрите на Экспериментальные функции браузера Google Chrome и Горячие клавиши Google Chrome
В моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.
1. PerfectPixel
<font>Пример использования PerfetPixel при разработке новых блоков на www.wrike.com</font>
Верстка сайта пиксель-в-пиксель вызывает трудности как у новичков, так и у опытных специалистов. PerfectPixel накладывает изображение макета поверх верстки в браузере. В настройках расширения можно отрегулировать прозрачность и расположение макета, что позволяет учесть все необходимые размеры и отступы. Использование этого плагина упростит работу верстальщика и сократит количество правок при сдаче проекта. В моем наборе расширений PerfectPixel занимает первое место за счет своей функциональности и удобства использования.
Ссылка на установку расширения
2. Wappalyzer
<font>Пример использования Wappalyzer на сайте collaborate.wrike.com/2019/london</font>
Всегда интересно какие инструменты и технологии используются на сайтах. Wappalyzer предоставляет информацию о CMS, JS фреймворках, CSS библиотеках, инструментах аналитики и многом другом. Представьте, что анимация на сайте – это бесплатная CSS библиотека, которую вы можете использовать у себя в проекте. Это позволит сократить время поиска необходимого инструмента и быть в курсе технологий, которые использует сайт.
Ссылка на установку расширения
3. HTML5 Outliner
<font>Иерархия заголовков на странице habr.com/ru/company/wrike</font>
HTML 5 Outliner отображает список заголовков на странице сайта. Расширение помогает структурировать заголовки и определять нарушения в иерархии. Например, в теге sectionHTML 5 Outliner выводит предупреждение об отсутствии тега h2. Это один из быстрых и удобных способов, чтобы определить правильность использования заголовков в верстке.
Ссылка на установку расширения
4. Wireframify
<font>Пример использования Wireframify на сайте www.wrike.com</font>
Дизайнеры проектируют сайты с помощью wireframe — это набор линий, блоков и подписей. Такой подход позволяет создавать архитектуру проекта с учетом отступов, размеров и расположения блоков на странице. Wireframify включает альтернативный вид сайта в виде wireframe, что позволит избежать ошибочного использования:
- отрицательных margin;
- выравнивания элементов с помощью padding;
- добавления отступов с помощью CSS свойств left, right;
Ссылка на установку расширения
5. PageLiner
<font>Пример использования PageLiner на сайте www.wrike.com/apps</font>
В графическом редакторе выровнять элементы или отобразить сетку сайта можно с помощью направляющих линий. Верстальщик может включить этот функционал в браузере используя PageLiner. Расширение отображает похожие направляющие, как в том же Adobe Photoshop. С PageLiner выравнивать элементы становится намного проще.
Ссылка на установку расширения
6. Web Developer
<font>Список возможностей web developer</font>
Web Developer добавляет в браузер дополнительную панель с инструментами. Внутри нее находится 10 вкладок: Disable, Cookies, CSS, Forms, Images, Information, Miscellaneous, Outline, Resize и Tools. Функционал расширения позволяет:
- отключать CSS, JS и изображения;
- проверять валидность HTML, CSS;
- манипулировать CSS стилями;
- тестировать HTML формы;
- отображать необходимую информацию мета тегов;
- изменять размер окна браузера;
- очищать кэш;
Web Developer остается популярным расширением среди разработчиков. Его можно сравнить с мультитулом в реальной жизни: всегда под рукой необходимый набор инструментов.
Ссылка на установку расширения
7. User CSS
<font>Пример использования User CSS на сайте www.wrike.com/customers</font>
Представим, что вы захотели поправить CSS прямо в браузере, но после этого пришлось перезапустить страницу. Все ваши наработки пропали, и приходится вносить изменения заново. Используйте User CSS, который будет сохранять ваши стили. Больше не нужно переживать по поводу того, что CSS исчезнет. Функциональность расширения позволит тестировать написанный CSS при переходе на другие страницы.
Ссылка на установку расширения
8. StyleURL
<font>Пример использования StyleURL на сайте Wrike www.wrike.com/customers</font>
User CSS не заменит панель разработчика браузера. Если вы привыкли работать в devtools и при этом не хотите потерять изменения после обновления браузера – установите StyleURL. Расширение запомнит ваши изменения и предоставит возможность сохранить наработки в отдельном файле или загрузить в github gist.
Ссылка на установку расширения
9. Siteimprove Accessibility Checker
<font>Пример использования Siteimprove Accessibility Checker на сайте www.wrike.com/newsroom</font>
Siteimprove Accessibility Checker — это инструмент, который проверяет HTML на соответствие стандартам доступности, чтобы обеспечить доступ к контенту для всех. Расширение отображает ошибки с подробной информацией. В описании к ним вы можете найти сноски с WCAG 2 и прямые ссылки на подробные статьи о доступности.
Ссылка на установку расширения
10. Tabsbook
<font>Пример использования Tabsbook</font>
Каждый работает с закладками по-своему. Есть те, кто сохраняет ссылки для быстрого доступа к сайтам, и те, кто используют закладки, чтобы хранить полезную информацию. С помощью Tabsbook можно превратить ваши закладки в базу знаний. Интерфейс расширения отображает древовидную структуру папок для удобной навигации по вашим закладкам. Все данные хранятся в облаке, что позволяет иметь доступ к ним с любого устройства.
Ссылка на установку расширения
Расширения будут полезны всем новичкам и опытным специалистам, которые о них не знали. Напишите в комментарии, какие расширения вы используете.
Больше полезных расширений для браузера можно найти по ссылкам Toп-10 плагинов Chrome для дизайнеров и Полезные расширения Google Chrome для программиста.
- https://vc.ru/flood/33802-14-poleznyh-rasshireniy-dlya-google-chrome
- https://masterok.livejournal.com/2758590.html
- https://habr.com/post/471938/