Вопросы Артем Леготин
5 291

Вопрос веб-разработчикам: какими полезными расширениями для браузера вы пользуетесь?

У меня их не так много.

  • Pocket — чтобы сохранять интересные странички, а потом никогда не читать.
  • Google Translate — чтобы переводить непонятные слова.
  • Grid Ruler — чтобы смотреть, свёрстано ли всё по линейке.
  • AdBlock — чтобы прятать баннеры на vc.ru.
  • И ещё одно самописное для сортировки комментариев на «Хабре».

А у вас?

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Артем Леготин", "author_type": "editor", "tags": [], "comments": 77, "likes": 44, "favorites": 63, "is_advertisement": false, "subsite_label": "ask", "id": 45425, "is_wide": true, "is_ugc": false, "date": "Tue, 11 Sep 2018 11:18:18 +0300" }
{ "id": 45425, "author_id": 8320, "diff_limit": 1000, "urls": {"diff":"\/comments\/45425\/get","add":"\/comments\/45425\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/45425"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199125 }

77 комментариев 77 комм.

Популярные

По порядку

Написать комментарий...
39

Я делал расширение, чтобы прятать дебильные простыни Арсентьева, но заглох после того, как уткнулся в живую загрузку-подгрузку каментов, лень стало. Это было бы самое полезное в мире расширение.
А так: юБлок, адБлок, Tab Suspender (глушит неактивные вкладки), линкедин и фригейт. Всё.

Ответить
7

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

Ответить
0

Они же обещали блек-лист! (Точнее, я видел, что кто-то писал, что они, вроде, обещали)

Ответить
2

А вот сейчас обидно было

Ответить
1

Простите :) Вы тут не при чём.

Ответить
0

есть тут местный тролль

Ответить
1

юБлок что-то адово всё блочит, аналитику отлаживать сложно с ним %)

Ответить
0

Да, это так. Выключаю, там где нужна ГА.

Ответить
1

| уткнулся в живую загрузку-подгрузку каментов

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

Ответить
0

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

Ответить
0

Фригейт то чем полезен? Они ж зассали и перестали открывать доступ к заблокированным ресурсам на территории РФ.

Ответить
0

Нормич всё. Линкедин, торренты, порнхаб (чтобы не авторизоваться по ВК)...

Ответить
9

Про Pocket жизненно)

Ответить
0

Я за него даже плачу. Зачем-то.

Ответить
7

AdBlock, freeGate, Visual Events (показывает события и функции JS на элементах), WhatFont (шрифты, их размеры, line-height, цвет)

Ответить
3

За Visual Events спасибо

Ответить
3

ColorPick Eyedropper шобэ тыкать пипеткой во всякое
WhatFont шобэ подглядвыать параметры шрифтов без открывания кода

Ответить
7

За 350. Опасно тыкать пипеткой во всякое.

Ответить
4

Vimium — потому что у меня такая охуенная клавиатура, что не хочется с нее забирать руки: https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb?hl=en
Octotree — потому каждый репозиторий клонировать лень да и незачем: https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
User-Agent Switcher — потому что иногда надо замаскироваться под другой браузер: https://chrome.google.com/webstore/detail/user-agent-switcher/clddifkhlkcojbojppdojfeeikdkgiae

Ответить
2

Vimium

Отличная штука!
Я, с вашего позволения, своё попиарю: Blog Skipper https://chrome.google.com/webstore/detail/blog-skipper/chjnbemclefhkdeihphnkkgacddeejom - позволяет в один клик (средний по умолчанию) скролить лонгриды от заголовка к заколовку, а коменты от ветки к ветке. Шорткаты тоже есть, что позволяет работать в связке с Vimium (только нужно исключения настроить, ну или шорткат сменить).

Ответить
0

Ладно, заинтриговал. Что за клава?

Ответить
0

Sculpt еще очень хороша! особенно хорош пробел. К оному на Natural, да и вообще несколько тугому и большому ходу клавиш, кому-то придется привыкать.

Ответить
0

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

Ответить
0

кому-то придется привыкать

Ну в общем-то эта клавиатура не для всех. Но каким-то волшебным образом скорость набора у меня с ней увеличилась.

Ответить
4

Я на уровне hosts заблокировал, чтобы неповадно было (мне).
Щас еще vc внесу.

Ответить
3

Responsive tester, color picker, whatFont, консоль

Ответить
3

FontfaceNinja - показывает всю информацию и шрифтах на сайте (размер, название, семья и тд и тп)

Ответить
3

GHOSTERY - нахер все лишнее, даже рекламу из яндекс музыки

Ответить
2

RevEye - ищет картинки сразу 5 поисковиках. Используется для поиска краденных фото.
FireShot - скриншот всей страницы.
GA Debug - всякие гугл аналитики настраивать.
friGate - хрен знает для чего, я ей не пользуюсь, т.к. это не законно.

Ответить
1

не законно услуги такие предоставлять, а не пользоваться

Ответить
2

React Developer Tools,AdBlock

Ответить
2

Раньше активно пользовался Emmet LiveStyle, сейчас все на конструкторах больше делаю, а для верстки хватает консоли браузера
Еще ColorZilla

Ответить
2

Кстати, это, конечно, не расширение и только для Винды, но для много чего из каментов можно использовать ShareX. Вообще это скриншотилка, но там много перделок. Есть и пипетка, и сокращатели ссылок, и уменшатель картинок, и объединятор картинок.
https://getsharex.com/

Ответить
2

Для разработки и дебага под ангуляр - Batarang, Augury, ng-inspector

Ответить
0

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

Ответить
2

Dark Reader - для любителей темных тем в редакторах кода. Грубо говоря, делает светлые сайты темными. И делает это очень толково.
https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

Ответить
1

Еще Tampermonkey, Ghostery,
Session Buddy - если словил экран смерти, то он поможет восстановить открытые вкладки.
И плагин от кипаса тоже полезен.

Ответить
1

Session Buddy - если словил экран смерти, то он поможет восстановить открытые вкладки.

А разве не все браузеры умеют восстанавливать вкладки из коробки?

Ответить
0

Пока пару раз не столкнешься с потерей открытых вкладок - не поставишь.

Ответить
1

Amp Validator -- чтобы проверять AMP страницы
OpenGraph Preview -- чтобы проверять OG у страниц
Structured Data Testing Tool -- чтобы проверять структурированные данные
WhatFont -- чтобы узнать понравившийся шрифт на чужом сайте
Page Ruler -- удобная рулетка
Ligthhouse -- проверка скорости сайта

Ответить
1

пока собирал ссылочки, потерял возможность редактировать )

Amp Validator (goo.gl/DnvpNu) — чтобы проверять AMP страницы;

OpenGraph Preview (goo.gl/TokjBF) — чтобы проверять OG у страниц;

Structured Data Testing Tool (https://goo.gl/tZx3y3) — чтобы проверять структурированные данные;

WhatFont (https://goo.gl/xsw6MJ) — чтобы узнать понравившийся шрифт на чужом сайте;

Page Ruler (https://goo.gl/2Qtb8y) — удобная рулетка;

Ligthhouse (https://goo.gl/TYQCkM) — проверка скорости сайта

Ответить
1

PerfectPixel by WellDoneCode, Tape, Google Переводчик, AdGuard, Joxi, VPN Hotspot Shield, JSONView, Awesome Reload All Tabs

Ответить
1

какие есть расширения для курсов ? яндекс котировки сдохли после новой версии гугла.

Ответить
1

Visual Event, goo.gl(url shortner), Toby

Ответить
1

SEO META

Ответить
1

В основном хватает консоли браузера, но + установлены обход блокировок и пипетка.

Ответить
1

uBlock Origin, The Great Suspender, OneTab, FireShot, PIA VPN.

Ответить
1

не знаю, зачем именно веб-разработчикам Pocket и Translate, а я пользуюсь ColorPick, Screenshot Capture и FastProxy

Ответить
1

Google Переводчик
Better Go Playground
JSON Viewer
YouTrack Tweaks
Standardized Screenshot
TabSqueeze
Snooze

Ответить
1

Ghostery, Block Site, AdBlock.

Ответить
1

MyDigiseller assistent для цифровых товаров

Ответить
1

UBlock, ABP - блокировки рекламы
Greasemonkey - для кастомных скриптов
Ghostery - блокировщик всевозможных трекеров, которые отслеживают вас в сети
Disconnect - то же самое
Tampermonkey - аналог Greasemonkey
AdGuard

Ответить
1

FontFace Ninja, Доступ к рутрекеру ( "))"), MateTranslate (перевод с английского простым выделением мышкой и нажатием комбинации клавиш), ADGuard (справляется лучше АДблока как по мне), Pinterest (для сохранения картинок на одноименный сайт)

Ответить
1

Window Resizer - смотреть размеры вьюпорта браузера
FontFace Ninja - инфа по шрифтам
ColorZilla - цветовая пипетка

Ответить
1

EditThisCookie - это менеджер cookie
HTTP Trace - просмотр всех запросов которые улетают с сайта
JSON Viewer - для нормального просмотра json (хотя иногда бывают промахи и обычный print_r пытается покрасить)
Tampermonkey - для всевозможных своих скриптов

Ответить
1

Vimium, Adblock
Из тех что не увидел в комментариях:
LastPass - что бы не знать свои пароли
Grammarly - что бы писать на английском корректнее

Ответить
1

• AdBlock Plus
• Poper Blocker — блокирует попапы всякие
• HTTPS Everywhere — мастхев, редиректит на хттпс, если есть хттпс версия существует
• Design Grid Overlay (https://chrome.google.com/webstore/detail/design-grid-overlay/kmaadknbpdklpcommafmcboghdlopmbi) — проверять сетку вёрстки
• ModHeader (https://chrome.google.com/webstore/detail/modheader/idgpnmonknjnojddfkpgkljpfnnfcklj) — подменять заголовки запросов
• User-Agent Switcher for Chrome (https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg) — менять юзерагент
• JSON Formatter (https://github.com/callumlocke/json-formatter)

Ответить
1

• uBlock Origin (или Ad Nauseam);
• Reverso Context — оч крутой переводчик
• Google Translate для страниц

Ответить
1

Perfect pixel - для верстки,
Гугл переводчик, stylish - для изменения css на сайтах, и конвертер файлов

Ответить
1

использую много, из тех что еще не называли тут:

User JavaScript and CSS - вставка своего JS/CSS кода на страницы
https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

Extensity - плагин чтобы включать/выключать плагины. Актуально в этом топике и тем кто ставит много расширений, либо когда расширения нужно включать временно.
https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg

Ответить
1

Из тех что не упоминули:

Pushbullet — Универсальный, очень выручающий сервис. Обмен ссылками, файлами, смс... между устройствами и браузерами https://www.pushbullet.com/

CSS Peeper — Extract CSS and build beautiful styleguides https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

Hover Zoom — Увеличивает изображения до оригинального размера при наведении http://www.hoverzoom.net/

Ответить
0

И причем тут именно web разработчики? Это ведь самые попсовые расширения. А так RestClient

Ответить
0

А в чем отличие от Postman?

Ответить
0

Перечисленное относится к разработке?
F12 - решает большинство вопросов!

Ответить
0

Ухаха. Либо совпадение, либо vc молодцы)) вангую такую штуку. На днях вижу, что vc подбирает web-разработчиков. А теперь вот это. Логика простая - всех кто откликнулся в комментах по сути вопроса можно бомбить по почте предложениями о работе) это твёрдая пять, если так и задумывалось.

Ответить
0

LinguaLeo - переводчик с добавлением в словарь

Ответить
0

Секта хромоводов

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления
{ "page_type": "default" }