что такое расширенный браузер
Что такое расширение браузера
Что такое расширение браузера
Браузеров существует не один десяток. У всех, практически, есть механизмы, позволяющие расширить функционал этих самых браузеров. Но в пятерку безоговорочных лидер ов, по использованию в России Пухлым, вошли только те, что перечислены выше. Есть еще луковичный TOR, в арсенале, заставляющий рыдать всякие Роскомнадзоры, но он настолько специфичен, что расширения на него ставить и не нужно. Да там их и нет, практически, хотя Тор использует в своей основе Мозиллу Файерфокс. Посему речь о этом браузере и не идет.
Как говаривал Паратов, смачно унижая Карандышева, — «Вкус у всех разный. Кому арбуз нравится, а кому свиной хрящик». Эта цитата зажравшегося барчука, который почему-то решил, что ему все разрешено, может стать просто девизом браузерных расширений. Вообще в разработке программного обеспечения на сегодняшний день как раз и сложилась такая ситуация. Программа пишется по принципу выполнения ею основных функций. Если основных функций не хватает, нужно возможности прожки расширить, например функционал докупить. В случае браузерных расширений, все еще интересней. Разработчик браузера заранее и не знает, какое расширение пользователю понадобится. Удовлетворить все запросы, а их может быть великое множество, разработчик тоже не в силах. Поэтому браузер делается открытым для доработки расширениями. Ну а уж сторонние разработчики стараются вовсю. Делаются дополнения для отображения погоды. Есть расширения для постоянного отображения курсов валют. Переводчики. Помощники при онлайн-покупке, отслеживающие цены. Есть расширения, позволяющие просматривать непосредственно в браузере документы разных форматов. Им несть числа. Количество этих аддонов исчисляется уже десятками тысяч. Но о самих расширениях нужно говорить отдельно, много и долго. Сейчас о том, как их становить. В разных браузерах это делается по разному, хотя принцип одинаков.
Дополнения в Mozilla Firefox
Вариантов добраться до расширений и плагинов в Файер Фоксе несколько, как во всякой уважающей себя программе. Перечислю все из них.
Результат одинаков. Мы оказываемся на вкладке дополнений. Здесь есть необходимость пояснения. На вкладке есть и «Расширения» и «Плагины». Суть одно и тоже. Плагины просто более глубоко интегрируются в браузер и никак о себе не заявляют, пока не понадобятся. Дополнения, напротив, устанавливаясь в браузер, появляются в виде пиктограммы на панели. С открывшейся страницы и происходит управление дополнениями. Их можно искать, устанавливать и удалять. Эта ссылка ведет сразу в магазин дополнений Файерфокса. Перейдя по ней дополнения удобнее искать. Ведь они систематизированы. Можно столкнуться с неприятностью. Не все версии дополнений поддерживают все версии браузера. Но в этом случае они не включатся просто. Браузер не даст запустить не совместимое дополнение.
Расширения в Google Chrome
Добраться до расширений в Гугл Хром тоже не составляет особого труда. Опять правый-верхний угол. Пиктограмма «Настройка и управление Гугл Хром». На пиктограмме три вертикально расположенные точки, запутаться невозможно, тем более там, эта пиктограмма, одна! Затем выбирается пункт «Дополнительные инструменты» ⇒ «Расширения». Ссылка «Еще расширения» отправит вас в магазин расширений. Если вы сейчас читаете этот материал через Гугл Хром, то щелкните здесь. Не так давно возможность установки расширений не из Гугл магазина была отключена. И правильно. Это свело к минимуму возможность притащить в браузер какую-нибудь заразу. Хотя полностью исключать такую возможность, все таки, не стоит. Но согласитесь, что из списка официально допущенных, для установки, самим Гуглом, расширений получить вирусяку меньше, чем из расширения найденного неизвестно где. Здесь все расширения проходят проверку перед тем, как попасть в магазин. Вывод, — не стоит устанавливать расширения не из официального каталога. Себе дороже. Тем более бесплатных расширений тут пруд-пруди. Достаточно при выборе в каталоге поставить галочку напротив рубрики «бесплатно».
Надстройки в браузере Internet Explorer
И опять правый верхний угол. Очень уж любят его разработчики ПО. Там изображение шестерни. Это кнопка «Сервис». Также можно вызвать настройку комбинацией клавиш Alt+X. В появившемся окне выбираекм «Настроить надстройки». Появившееся диалоговое окно и отвечает за поиск, установку и удаление надстроек на браузером. Внизу, слева, есть ссылка «Поиск дополнительных панелей и расширений». По ссылке можно сразу перейти в депозиторий надстроек.
Расширения в Opera
Так получилось, что Опера и Гугл Хром практически близнецы братья, с недавних пор. Выглядят они, впрочем, по разному. Но это отличие единственное. Правда кнопка, через которую можно добраться до настроек расширений в Опере, находится уже слева. Но тоже вверху. Она называется «Настройка и управление Опера». Затем выбирается пункт «Расширение». Находятся и устанавливаются расширения легко и просто. Одним щелчком.
Дополнения в Яндекс.браузер
Поисковик Яндекс не смог остаться в стороне от браузеростроительства. Вообще, если ты крупный поисковик, ты должен иметь свой браузер. Вот Яндекс его и имеет. Но они не писали его «с нуля». За основу был взят код, который ранее использовали для построения Хрома и Оперы. В браузере категорически запрещено устанавливать дополнения «со стороны». Но своих собственных очень и очень мало. Зато можно использовать каталоги Хрома и Оперы. Оттуда дополнения вполне подходят. Если расширение-дополнение даже установилось, но не соответствует браузеру, то оно не будет запущено.
Ну и напутственное слово. Не нужно устанавливать расширения «на всякий случай». Они, пусть даже оптимально написанные, и не имеющие ошибок в коде, замедляют работу любого браузера. Кроме этого, устанавливать расширения и плагины необходимо из рекомендуемых браузерных каталогов, доступных из самого браузера. Иначе можно натаскать вредные расширения, которые будут скрытно майнить криптовалюту, например. Здоровья, удачи! До скорых встреч на страницах блога Пухлого!
Ликбез по браузерам для Windows в 2020
Доброго времени суток, Хабр! В очередной раз читая комментарии, наткнулся на мысль о том, что далеко не все понимают, как обстоит ситуация с браузерами для Windows на данный момент. От чего хотелось бы провести небольшой обзор текущего положения. Ну, и сразу к делу!
Браузерные движки
Браузер — программа не простая, это целый набор компонентов, взаимодействующих между собой. Для краткого обзора потребуются всего два компонента из множества — движок отрисовки содержимого и движок исполнения JavaScript.
Существующие движки отрисовки содержимого
Существующие движки исполнения JavaScript
И тут вроде бы очевидно, какие браузеры какие движки используют, но Microsoft внёс не много путаницы в понимание данной темы, поэтому рассмотрим браузеры отдельно.
Браузеры
Chromium
Chromium — это open-source ответвление браузера Chrome. Браузеры на основе Chromium составляют большую часть из всех используемых браузеров на планете Земля.
Обычно, браузеры на базе Chromium между собой отличаются только визуально, ведь у всех под капотом движки Blink и V8, хотя, какие-то компании пытаются привнести больше функционала в браузер, чем имеется.
Это в конечном итоге встанет разработчикам браузеров боком, потому что в любой момент главный разработчик Chromium — Google может вставить палки в колёса разработчикам модификаций.
Всех браузеров на основе Chromium подсчитать одному человеку вряд ли под силу, поэтому приведу список только тех, что помню:
Firefox
Firefox использует движки Gecko и SpiderMonkey для своей работы. Имеет небольшое количество базирующихся на Firefox браузеров, но самый известный — Tor Browser. Является единственным рубежом до полного перехода интернета на браузеры на основе Chromium.
Internet Explorer
Это любимая всеми утилита для скачивания браузеров. Как и Chrome — не нуждается в представлении. До 11 версии использовал движки Trident и Chakra JScript. В 11 версии, за исключением режима совместимости, стал использовать движки Trident и Chakra JavaScript. Этот браузер ещё долго будет использоваться для всякого рода систем видеонаблюдения, поскольку имеет, почему-то, популярный в узких кругах API для расширений. В Windows 8 и Windows 8.1 имел особую модификацию движка Trident на базе WinRT для Metro режима.
(Legacy) Edge
Браузер, начавший своё существование с кодовым названием Project Spartan, являлся новым браузером от Microsoft в 2015 году, использующим движки EdgeHTML и Chakra JavaScript. Конечной целью проекта была полная совместимость с сайтами, отлично работающими в Chrome. В итоге — получилось нечто своеобразное, но, очевидно, не выжившее под давлением Google.
Safari
Safari? А нет его больше, этого вашего Safari, кончился.
Нецелевое использование браузеров
Вроде бы браузеры — законченный продукт, ни добавить ни отнять. Однако, они используются в разного рода других приложениях. Причины в следующем (в порядке убывания значимости):
Приведу примеры подобного использования:
Chromium
Нынешние браузеры настолько сложны, что одному человеку создать собственный браузер не под силу (либо это должен быть гений). Они по сложности сравнимы с операционными системами! А, постойте, вот и первый кандидат на нецелевое использование — Chrome OS. Да, весь пользовательский интерфейс — просто модифицированный Chromium.
Однако, помимо этого, в виде CEF (Chromium Embedded Framework), Chromium используется в:
Internet Explorer
Почти любое Win32 приложение, умеющее отображать WEB-страницы и при этом в распакованном виде занимающее меньше 60 мегабайт использует внутри Internet Explorer. Кстати, это касается не только маленьких по размеру приложений, например, Visual Studio использует Internet Explorer для отображения WEB-страниц, когда это требуется в работе IDE. Ещё существуют HTA приложения — древний предшественник CEF на базе Internet Explorer. И ведь до сих пор работает.
(Legacy) Edge
Новым приложениям — новые движки! Любое UWP приложение, использующее внутри отображение WEB-страниц работает на базе Edge. Не то, чтобы Microsoft запрещали использовать что-то другое, но никто просто и не старался. Так же, пока что, в предварительных сборках Windows новая клавиатура с GIF панелью тоже использует Edge для рендеринга. В будущих версиях, полагаю, перейдут на Chr Edge.
Производительность
Постойте, столько приложений, а что там с производительностью? Лично я — не специалист в оценке производительности, но хочу поделится с вами некоторыми занимательными фактами.
Prefetcher
В Windows есть такая штука — Prefetcher. Она занимается подгрузкой программ в ОЗУ при старте ОС и на протяжении её работы. Штука эта достаточно умная, и она анализирует чаще всего запускаемые программы, чтобы в дальнейшем их подгружать.
Как это связано с браузерами? Идея в том, что это может смазать первый пользовательский опыт с другим браузером, например, пользуясь постоянно Chrome, имеете установленную версию Firefox. При запуске Firefox будет вести себя крайне медленно — медленнее, чем ваш основной браузер. Всё потому что он запылился в глазах Prefetcher. В конечном итоге всё будет работать быстро, но первое впечатление после долгого неиспользования будет ужасным. Особенно это касается пользователей с HDD или малым количеством ОЗУ.
Области распределённой памяти
Движки нормального человека
У людей часто возникают проблемы с UWP приложениями, а точнее — с их скоростью запуска. Всё дело в WinRT — огромном наборе библиотек, при помощи которых UWP приложение взаимодействует с ОС. Если не использовать UWP приложения часто, то этот набор библиотек не будет прогружен в памяти полностью, и придётся ожидать окончания этого процесса перед использованием приложения. Но забавный факт — используя два и более UWP приложения время их старта и общая производительность резко увеличиваются и часто даже превосходят Win32 программы. Исключением из этого является приложение «Фотографии» — тут отдельная история, покрытая туманом.
Движки курильщика
А вот с приложениями (в том числе и браузерами) на основе Chromium это так не работает. Каждое приложение комплектует с собой собственную сборку библиотеки CEF, что, кроме раздувания размера приложения, не позволяет операционной системе иметь только одну копию dll в ОЗУ. Итого это сильно замедляет производительность при использовании множества подобных приложений. Помимо того, сам размер CEF довольно удручающий.
Microsoft Store
У многих возникает вопрос — почему в Microsoft Store нет ни одного браузера(не считая нескольких кривых поделок на EdgeHTML)? Ответ, на самом деле, прост — все браузеры, включая Chr Edge имеют собственную систему обновления, что прямо запрещено правилами Microsoft Store. В остальном никто никого не ограничивает.
Как удалить новый Microsoft Edge
Заключение
Пожалуй, эта статья получилась даже больше, чем я предполагал. В любом случае, какой браузер использовать — выбор ваш, но, зато, вы теперь знаете чуточку больше. Всем спасибо.
Администраторы Хабра, пожалуйста, почините HabraStorage в Legacy Edge! Совсем не дело.
Почему следует соблюдать осторожность при установке расширений браузера
Бездумной добавление расширений в браузер может поставить под угрозу вашу конфиденциальность и безопасность. Сегодня я расскажу вам об опасностях таких расширений и подскажу, как можно снизить связанные риски. Но сначала немного основ.
Что такое расширение браузера
Расширение для браузера является чем-то вроде плагина, который добавляет в него новые функции. Они могут, например, изменить интерфейс или добавлять функции на веб-сайтах.
Например, расширения используются для блокировки рекламы на веб-сайтах, перевода текста на другой язык или добавления страниц в приложения сторонних разработчиков, например, Evernote или Pocket. Их много, и они имеют множество применений: повышают производительность, упрощают персонализацию, помогают делать выгодные покупки, играть и т.д.
Расширения поддерживаются практически всеми популярными браузерами – Chrome, Chromium, Safari, Opera, Internet Explorer и Edge. Они широко доступны, и некоторые действительно бывают полезны. Все это способствует тому, что многие люди используют, по крайней мере, несколько расширений.
Но, как я уже упоминал, расширение не только удобны, но бывают также опасны.
Что может скрываться под расширением
Вредоносное расширение
Во-первых, расширения могут быть просто вредны. Это происходит тогда, когда они авторства других компаний. Но иногда – как в случае с Android и Google Play вредоносная программа просто проникает в официальный магазин.
Например, недавно исследователи безопасности обнаружили четыре расширения в магазине Chrome Web Store компании Google, которые представлялись как приложения для быстрого доступа к заметкам, а, на самом деле, генерировали клики в пользу их авторов.
Как это возможно? Дело сводится к получению расширением соответствующих полномочий. Из широко используемых браузеров только Google Chrome запрашивает у пользователя согласие на предоставление указанных прав; остальные браузеры позволяют расширениям всё, что только нужно, по умолчанию – пользователь не имеет другого выхода, как принять эту ситуацию.
Однако, даже в случае с браузером Chrome, управление правами доступа, существует только в теории – потому что на самом деле не работает. Даже самый обыденное расширение обычно требует разрешения на чтение и изменение всех данных на посещаемых сайтах, благодаря чему они могут делать с ними всё, что угодно. А если вы не согласны на предоставление им этих полномочий – Вы можете забыть об установке.
Захват расширений и торговля ими
Расширения браузеров представляют собой интересную тему для мошенников, так как многие из них используют много пользователей. Они обновляются автоматически, что означает, что если пользователь загрузил безвредное расширение, его можно обновить так, чтобы оно стало опасным.
Хороший программист так не сделает, но его учетная запись может быть захвачена. Такая ситуация имела место, когда мошенники использовали фишинг для получения доступа к авторизационным данным разработчиков популярного плагина под названием Copyfish. Изначально этот плагин был предназначен для оптического распознавания символов, но позже был изменён мошенниками и показывал пользователям дополнительную рекламу.
Иногда мошенники обращаются к разработчику и предлагают купить данное расширения за небольшую сумму. Если разработчик соглашается на продажу, мошенники получают возможность добавить в расширение вредные компоненты, а затем доставить их пользователям под видом обновления. Так случилось с Particle, популярным расширением для браузера Chrome, который использовали с целью персонализации сайта YouTube. Как только он был продан, то сразу в программу, которая показывает рекламу.
Не вредно, но опасно
Даже те расширения, которые не являются вредными, могут нести в себе некоторые опасности: большинство из них может собирать много данных о пользователе (разрешение на чтение и изменение всех данных на посещаемых сайтах). Для получения прибыли некоторые разработчики продают собранные анонимные данные третьим лицам. Обычно это упомянуто в договоре с конечным пользователем и в этом нет ничего плохого.
Проблема в том, что иногда данные не являются достаточно анонимными, что приводит к серьёзным проблемам, связанных с конфиденциальностью. Компании, которые закупают такие данные, могут идентифицировать пользователей данного плагина. Такая ситуация имела место в случае с Web of Trust – когда-то популярный плагин для браузеров Chrome, Firefox, Internet Explorer, Opera, Safari и других. Его использовали для оценки репутации сайтов на основе отзывов добровольцев. Кроме того, расширение сохраняло всю историю посещенных пользователем страниц.
Как заявила немецкая сторона, Web of Trust продавал собранные данные третьим лицам без проведения соответствующей анонимизации, так что в Mozilla исключили расширение из своего магазина. Тогда авторы расширения удалили его из других браузерных магазинов. Однако, месяц спустя это расширение снова было доступно. Web of Trust не является вредным расширением, но тем не менее может нанести вред людям путём предоставления личных данных кому-то, кто не должен получать такую информацию.
Как безопасно использовать расширения
Несмотря на то, что расширения могут представлять опасность, они бывают действительно полезны. Из-за этого, вероятно, мало кто в состоянии полностью от них отказаться. Сам использую несколько, и я точно знаю, что два из них нуждаются в упомянутых разрешениях на чтение и изменение.
Конечно, безопаснее было бы не использовать их вовсе, но они обеспечивают комфорт, и стоит поискать золотую середину.
Мои рекомендации в этой теме выглядят следующим образом:
Браузерные расширения, необходимые каждому веб-разработчику
Современные браузеры — это не только отличные приложения для просмотра веб-страниц.
Браузеры — это ещё и платформы, предлагающие веб-разработчикам массу удобных инструментов, помогающих создавать замечательные сайты. В распоряжении разработчика, помимо встроенных инструментов, есть огромное количество браузерных расширений. Автор статьи, перевод которой мы сегодня публикуем, отобрал самые лучшие, на его взгляд, расширения, которые призваны помочь программистам в решении самых разных встающих перед ними задач. Это, в основном, расширения для Google Chrome.
Инструменты разработки для React/Redux и Vue.js
React и Vue.js — это широко известные инструменты для фронтенд-разработки. Для того чтобы максимально эффективно с ними работать, стоит установить соответствующие браузерные расширения.
Расширение React Developer Tools увеличивает возможности инструментов разработчика. С его помощью можно исследовать компоненты React, свойства, передаваемые компонентам, состояние компонентов. Оно способно принести React-разработчику реальную пользу.
React Developer Tools
Если вы, при работе с состоянием приложения, столкнулись с какими-то проблемами, вам на помощь может прийти расширение Redux DevTools. Оно может быть использовано для работы с состояниями, устроенными по-разному, особенно хорошо оно показывает себя при использовании с Redux. Кстати, вот вам совет. Установите у себя это расширение и посетите сайт наподобие airbnb.com. На нём используется React/Redux, поэтому вы, с помощью Redux DevTools, сможете узнать о том, как устроено управление состоянием страниц на этом сайте. По мне — так это весьма познавательно.
Vue.js devtools — это то же самое, что и React Developer Tools, но для Vue.js. Это расширение весьма удобно при отладке компонентов Vue и пригодится всем, кто пользуется этим фреймворком.
JSONView
Ловили себя когда-нибудь на мысли о том, что в браузерах других программистов JSON-данные выглядят понятными и аккуратными, а в вашем — нет? Возможно, всё дело в том, что другие пользуются расширением JSONView. Это расширение очень быстро и аккуратно форматирует JSON-данные. JSONView, определённо, одно из моих любимых браузерных расширений.
Library Sniffer
Library Sniffer — это отличный инструмент для того, кто хочет быстро узнать о том, с помощью каких средств, библиотек или фреймворков, созданы просматриваемые им страницы. Например, с помощью Library Sniffer можно узнать о том, с помощью чего создан некий сайт: WordPress, Drupal, React, Vue.js, AngularJS…
CSS Scan 2.0
CSS Scan 2.0 — это полезное расширение, которое позволяет разработчику исследовать и копировать CSS, просто наводя указатель мыши на элементы страниц. У него, правда, есть один минус. Дело в том, что для работы с ним нужно купить лицензию.
У этого расширения есть бесплатная альтернатива — CSS Peeper. Она рассчитана, в основном, на дизайнеров, а не на тех, кто пишет код.
Web Developer
Расширение Web Developer позволяет оснастить браузер панелью, содержащей множество различных инструментов. С их помощью, например, можно отключать на страницах JavaScript, управлять расположением страницы, работать с изображениями. Это расширение доступно для Chrome и Firefox.
WhatFont
WhatFont — это довольно-таки маленькое расширение, которое позволяет идентифицировать шрифты, используемые на веб-страницах. Для того чтобы выяснить то, каким шрифтом оформлен фрагмент текста, достаточно включить расширение и навести указатель мыши на этот фрагмент. Работать с ним, как видите, предельно просто. Им, как и предыдущим расширением, могут пользоваться и те, кто работает в Chrome, и те, кто работает в Firefox.
ColorZilla
Расширением ColorZilla можно пользоваться и в Chrome, и в Firefox. Оно даёт в распоряжение разработчика инструмент для взятия цветопроб, средство для выбора цвета, генератор градиентов и другие полезные инструменты для работы с цветом. Например, с его помощью можно узнать о том, какой цвет имеет любой пиксель веб-страницы. Оно хранит историю работы с цветом и содержит инструмент для просмотра палитр.
Spectrum
Доступность контента — это важный аспект современной веб-разработки. Дело в том, что возможности многих людей по взаимодействию с веб-страницами ограничены. Одним из таких ограничений является цветовая слепота (Color Vision Deficiency, CVD). Она влияет на возможность человека различать определённые цвета. Расширение Spectrum позволяет исследовать сайты на предмет их пригодности для людей с различными типами CVD.
Site Palette
Расширение Site Palette позволяет извлечь с сайта используемые на нём цвета и оформить их в виде цветовой палитры. Оно поддерживает несколько способов генерирования палитр, позволяет, выдавая специальную ссылку, делиться палитрами, поддерживает возможность печати палитр, умеет конвертировать их в PDF-файлы. И этим возможности Site Palette не ограничиваются.
Расширение Toby предназначено для организации браузерных вкладок таким образом, чтобы в ходе работы не приходилось бы держать открытым огромное количество вкладок. Это — нечто вроде панели управления вкладками, с которой удобно работать с помощью мыши. Это расширение способно положительно повлиять на продуктивность труда веб-разработчика.
Talend API Tester
Talend API Tester — это замечательное расширение, которое позволяет работать из браузера с различными API. Это могут быть API, основанные на технологиях REST, SOAP и HTTP. Это похоже, например, на Postman. Бесплатная версия расширения поддерживает выполнение всех видов HTTP-запросов, безопасный обмен данными, аутентификацию.
Full Page Screen Capture
Full Page Screen Capture
Итоги
Мы рассмотрели примерно полтора десятка браузерных расширений для веб-разработчиков. Надеемся, вы нашли среди них что-то такое, что вам пригодится.
Уважаемые читатели! Какими браузерными расширениями вы пользуетесь для веб-разработки?