Как стать автором
Обновить
6.99

Расширения для браузеров

Экстеншены и плагины

Сначала показывать
Порог рейтинга
Уровень сложности

10 лучших расширений Chrome для дизайнеров

Время на прочтение3 мин
Количество просмотров26K

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

Всего голосов 12: ↑6 и ↓60
Комментарии8

Персональный Лас-Вегас, или игра в браузерном расширении

Время на прочтение10 мин
Количество просмотров2.6K

Недавно у нас с другом зашел разговор о карточных играх. Он сказал, что умеет играть только в покер, но и то давно этого не делал, потому что забыл все комбинации. Вот и поговорили… Я вспомнил, что пару лет назад я написал пять карточных игр, включая покер Техасский Холдем, где в любой момент в процессе игры можно посмотреть не только собранные комбинации, но и все потенциально возможные варианты с еще не открытыми картами. Это вполне могло бы стать обучающим пособием и помочь освежить в памяти правила в процессе игры с ботами.

Я решил заняться рефакторингом своего старого кода, а также, подправить графику. Дизайн мне всегда давался с трудом, это не мое. Рассчитывая хоть на какое-то вдохновение, я включил саунд-трек из GTA San-Andreas, тот, что с кантри-музыкой, с радио K-Rose. Мне кажется, что он хорошо передает атмосферу Лас-Вегаса. Я там никогда не был, но точно передает! Клянусь своей звездой шерифа. (Если что — она пластиковая, так что, не жалко...) И даже не поленился зайти в саму легендарную игру и прокатиться по Лас-Вентурасу, виртуальному прототипу мировой игорной столицы.
Всего голосов 9: ↑7 и ↓2+5
Комментарии2

Устройство расширений для браузера Firefox (WebExtensions)

Время на прочтение38 мин
Количество просмотров15K

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


Тому, кто разбирается в веб-разработке, будет несложно создать новое расширение для браузера. Сейчас большинство самых популярных браузеров поддерживает стандартную систему разработки, которая использует в основном только JavaScript, HTML и CSS, — WebExtensions.


Человеку, который никогда раньше не создавал дополнение для браузера на основе WebExtensions, может быть тяжело сразу понять, из каких основных частей оно должно состоять и что может делать. В сети Интернет есть много информации об этой системе, но для того, чтобы создать для себя общую картину, придётся потратить много времени. Эта статья поможет быстро разобраться в устройстве системы WebExtensions и покажет, как лучше ориентироваться в документации к её API. Здесь описывается расширение для браузера Firefox, поэтому почти вся информация, используемая в статье, взята с сайта MDN. Но статья будет полезна и тем, кто хочет создать расширение для других браузеров, поддерживающих WebExtensions, — в первую очередь для Google Chrome и Chromium.


Здесь рассматривается создание расширений только для настольных компьютеров. Если нужно создать расширение для мобильного браузера Chrome или Firefox, эта статья тоже может быть чем-то полезной, но основную часть информации придётся найти и изучить самостоятельно.


Читать дальше →
Всего голосов 22: ↑21 и ↓1+20
Комментарии3

Может, нам слегка успокоиться с JavaScript?

Время на прочтение8 мин
Количество просмотров73K
У меня очень странная проблема с браузером. Скрипты на некоторых страницах просто не работают, пока не пройдёт около 20 секунд.

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

(В самом деле, даже не пытайтесь диагностировать проблему по одному предложению, не надо, я слышала и перепробовала почти всё, что вы можете себе представить).
Читать дальше →
Всего голосов 185: ↑171 и ↓14+157
Комментарии308

Истории

Cross-Origin Read Blocking (CORB) в расширениях для Chrome

Время на прочтение2 мин
Количество просмотров13K
image

Если вы когда-то разработали расширение для Chrome, то может оказаться, что оно перестало работать.

Причина в том, что начиная аж с прошлого года, в браузере Chrome блокируются Cross-Origin запросы из content-скриптов. Это означает, что если ваше расширение обращается к некоторому строннему API напрямую из content-скрипта, такой запрос будет заблокирован благодаря Cross-Origin Read Blocking (CORB)
Читать дальше →
Всего голосов 16: ↑15 и ↓1+14
Комментарии1

Браузерные расширения, необходимые каждому веб-разработчику

Время на прочтение4 мин
Количество просмотров31K
Современные браузеры — это не только отличные приложения для просмотра веб-страниц.

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


Читать дальше →
Всего голосов 60: ↑42 и ↓18+24
Комментарии10

Браузер Chrome будет автоматически блокировать назойливую видеорекламу

Время на прочтение3 мин
Количество просмотров8.8K

Главная задача Google — вытеснить из браузера Chrome сторонние блокировщики, такие как uBlock Origin и AdBlock Plus



Форматы видеорекламы, которые блокируются с 5 августа 2020 года. Источник: Google

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

YouTube и другим сайтам с видеоконтентом придётся пересмотреть свою политику, чтобы соответствовать требованиям, иначе браузеры на базе Chromium заблокируют их рекламу. Речь о Chrome, Edge, Brave, Opera, Vivaldi, Yandex и примерно 20-ти других браузерах на кодовой базе Chromium.

Новые правила не привязаны к конкретной версии Chromium и вступят в силу на серверной стороне 5 августа 2020 года.
Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии41

Как я избавился от тысячи вкладок…

Время на прочтение7 мин
Количество просмотров71K
… и опоздал на 3 года. В идеале должно быть так: пользователь запускает браузер, и браузер показывает то, что нужно пользователю. Но пока такого не реализовали приходится пользоваться поисковыми системами. В идеале должно быть так: пользователь открывает поисковую систему, вводит поисковый запрос, и она показывает то, что нужно пользователю. Но пока кнопка «I feel lucky» не так хорошо работает (хотя в последнее время ощутимо движение в этом направлении), приходится иногда переходить по нескольким адресам со страницы поисковой выдачи.

Сценарий использования поисковых систем у меня, видимо, закреплен исторически (когда интернет был медленный): попадая на страницу поисковой выдачи, я открывал несколько вкладок в фоновом режиме, и пока остальные загружались, вполне можно было уже прочитать первую вкладку. В случае, когда находил нужную информацию на одной из вкладок, остальные приходилось закрывать вручную. Если не закрыл сразу, вкладки оставались висеть, раздувая количество открытых вкладок в браузере, которые, как правило, редко после этого закрывались.

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

Мне всегда нужна была кнопка «Нашел», которая бы подчищала за мной последствия поиска (назовём её «I was lucky»). После того, как окунулся в мир расширений для браузеров, я подумал, что это то, что может помочь в данном случае. Так смутно начало появляться желание написать расширение, которое бы решало мои задачи.

Расскажу вам свою историю, рассказ буду вести в хронологическом порядке, выводы могут оказаться неожиданные.
Читать дальше →
Всего голосов 27: ↑25 и ↓2+23
Комментарии97

Firefox Preview Nightly для Android получил поддержку uBlock Origin

Время на прочтение2 мин
Количество просмотров5K
Как и было обещано, Mozilla перенесла первое расширение, uBlock Origin, из Программы рекомендуемых расширений в ночную версию Firefox Preview (кодовое название «Fenix»). Уже сейчас его можно установить и включить блокировку рекламы в следующей версии Firefox для Android.
Читать дальше →
Всего голосов 12: ↑10 и ↓2+8
Комментарии13

Браузеру Firefox – 15 лет: взлёт, падение и ренессанс с упором на конфиденциальность

Время на прочтение9 мин
Количество просмотров24K

Браузер от Mozilla дебютировал 9 ноября 2004 года, и стал феноменом перед тем, как уступить Chrome. Теперь он упирает на конфиденциальность пользователей и автономность.




Велика вероятность того, что вы читаете эту статью в браузере Chrome от Google, занимающем 65% мирового рынка (и порядка 50% в США), по данным Statcounter. Только от 4% до 5% веб-сёрферов сегодня используют Firefox, браузер с открытым кодом от калифорнийской компании Mozilla Foundation. Однако 15 лет назад, когда Firefox только запускался, веб был совсем другим, и браузер начал быстро идти к вершине.

Во времена появления Firefox, более 90% рынка занимал Internet Explorer, подрубивший в своё время Netscape Navigator. Учитывая, что это был браузер по умолчанию в Windows, занимавшей сходную часть рынка ОС, его монополия казалась вечной. Но Firefox быстро набрал обороты, и в итоге захватил себе примерно треть рынка на пике популярности в 2009. И хотя он вряд ли сможет восстановить эту былую славу, Firefox испытывает нечто вроде ренессанса – не только улучшая скорость работы и количество возможностей, но и выводя на передний план контроль пользователя над конфиденциальностью.
Читать дальше →
Всего голосов 66: ↑63 и ↓3+60
Комментарии110

Первым хитовым форматом файлов в интернете был не MP3, а MIDI

Время на прочтение8 мин
Количество просмотров8K

Как нацеленный на профессионалов формат MIDI на короткое, но примечательное время стал основным способом распространения музыки в интернете




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

Я не большой фанат хард-рока, но это отличная песня, успех которой Guns N’ Roses не смогли превзойти за 27,5 лет, прошедших с тех пор, как она стала самой раскрученной на радио. Это самая длинная песня, попавшая в десятку лучших хитов Billboard Hot 100 – длиннее, чем American Pie. Много лет она была эталоном популярной музыки.

Видеоклип был самым крутым из того, что показывали на MTV – и, несколько десятилетий спустя, стал одним из самых популярных видеоклипов в истории YouTube.

Она длится девять минут. И повествует об опыте длиною в жизнь – если ваша жизнь похожа на жизнь Эксла Роуза.
Всего голосов 26: ↑25 и ↓1+24
Комментарии25

Заметки верстальщика: Полезные расширения Google Chrome в 2019 году

Время на прочтение4 мин
Количество просмотров50K

В моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.

Читать дальше →
Всего голосов 37: ↑34 и ↓3+31
Комментарии16

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн

Режим «инкогнито» в браузере — это фикция?

Время на прочтение3 мин
Количество просмотров26K
30 июля компания Google выпустила Chrome 76 с улучшенным режимом инкогнито. Теперь браузер обходит «пейволы», которые ставят читателям лимит на «несколько статей в месяц», а потом требуют подписку или регистрацию.

Например, The New York Times позволяет читать десять статей в месяц, а Wired — четыре. На долю "metered paywalls" приходится 33% пейволов в онлайновых медиа. Пользователей в режиме «инкогнито» там встречают недружелюбно:



В Chrome 76 обход пейволла упростился до предела: достаточно нажать на ссылку правой кнопкой мыши и выбрать «Открыть ссылку в окне в режиме инкогнито». Теперь браузер не распознает, что вы находитесь в «приватном режиме». Счётчик прочитанных статей в «инкогнито» не работает из-за отсутствия куков.
Читать дальше →
Всего голосов 31: ↑20 и ↓11+9
Комментарии30

JsonDiscovery: Меняем опыт просмотра JSON в браузере

Время на прочтение3 мин
Количество просмотров34K

Сегодня я хочу рассказать о JsonDiscovery, браузерном расширении для просмотра JSON. Возможно вы скажете: «у нас и так полно подобных расширений!». Да, полно, но фичи JsonDiscovery отличают его от других и делают его действительно мощным.


Давайте же взглянем поближе...


Всего голосов 75: ↑74 и ↓1+73
Комментарии32

Избавляемся от «vk.com/away.php» или переход по ссылкам здорового человека

Время на прочтение3 мин
Количество просмотров52K
Переходя по ссылкам, размещенным во Вконтакте, можно заметить, что как и в остальных социальных сетях, сначала происходит переход на «безопасную» ссылку, после чего социальная сеть решает: нужно ли пускать пользователя дальше или нет. Большинство внимательных людей замечали пол-секундное появление «vk.com/away.php» в адресной строке браузера, но, конечно, не придавали этому значения.


Читать дальше →
Всего голосов 20: ↑12 и ↓8+4
Комментарии16

«Режим бога для интернета»: слежка за пользователями через расширения Chrome и Firefox

Время на прочтение4 мин
Количество просмотров19K
У многих в браузере установлены расширения. Как минимум, блокировщик рекламы. Но при установке расширений следует проявлять осторожность: не все они полезны, а некоторые и вовсе используются для слежки.

Даже если конкретное расширение прямо сейчас не «ворует» никакой информации, нет никакой гарантии, что оно не начнёт это делать в будущем. Это системная проблема.

Недавно специалисты вскрыли деятельность «аналитической» компании Nacho Analytics, которая предлагает сервис под амбициозным девизом «Режим бога для интернета» (“God mode for the Internet”), отслеживая действия миллионов пользователей через расширения Chrome и Firefox почти в реальном режиме времени (с часовой задержкой).
Читать дальше →
Всего голосов 14: ↑14 и ↓0+14
Комментарии8

Полезные расширения Google Chrome для программиста

Время на прочтение4 мин
Количество просмотров39K
Работа программиста настолько сложна и разнообразна, что в ней просто не обойтись без помощи различных инструментов. Подготовил список из 34 полезных расширений Google Chrome, которые облегчат вашу жизнь и сэкономят время.

image

1. Octotree

Если вы любите GitHub и помногу читаете код, то, вероятно, знаете, как неудобно устроен обзор GitHub-файлов онлайн. Теперь этот процесс можно упростить при помощи расширения Octotree. Здесь предоставляется панель инструментов с удобной навигацией, также поддерживающая приватные репозитории.

2. PerfectPixel by WellDoneCode

Это расширение позволяет разработчикам накладывать изображения полупрозрачным слоем поверх HTML и делать попиксельное сравнение.

3. GitHub Repository Size

Удобный и простой плагин, отображающий как объем отдельного репозитория, так и размер кажого файла в нем.
Читать дальше →
Всего голосов 35: ↑26 и ↓9+17
Комментарии11

5 браузерных расширений для работы с текстом на английском языке

Время на прочтение3 мин
Количество просмотров12K


Всем привет! Я продолжаю делиться своими профессиональными наработками в теме работы с англоязычными текстами. Сегодня речь пойдет о том, какие браузерные расширения можно использовать, чтобы облегчить создание качественных материалов и научиться писать на английском лучше. Поехали!
Читать дальше →
Всего голосов 26: ↑22 и ↓4+18
Комментарии3

Делаем расширение для браузера, проверяющее результаты ЕГЭ

Время на прочтение4 мин
Количество просмотров14K
image

Я, как и любой другой выпускник, переживаю по поводу экзаменов. От баллов, полученных на ЕГЭ зависит слишком многое, поэтому сейчас трудно думать о чем то другом. Чтобы не обновлять сайт check.ege.edu.ru каждые две минуты, я решил написать расширение, которое будет делать это за меня, а заодно присылать уведомления, в случае, если какой-то из экзаменов проверили.
Читать дальше →
Всего голосов 25: ↑21 и ↓4+17
Комментарии17