Как самому создать расширение для Google Chrome с нуля?
Для уверенного старта достаточно знать HTML, CSS и JS на самом базовом уровне. А после создания можно легко добавить своё расширение в браузер через раздел chrome://extensions/.
В этой статье мы рассмотрим создание самого простого расширения — запускатора избранных сайтов. И хотя расширение получится несложное, оно раскроет процесс создания и первого запуска:
https://tprg.ru/ZE8r
#веб #chrome
Для уверенного старта достаточно знать HTML, CSS и JS на самом базовом уровне. А после создания можно легко добавить своё расширение в браузер через раздел chrome://extensions/.
В этой статье мы рассмотрим создание самого простого расширения — запускатора избранных сайтов. И хотя расширение получится несложное, оно раскроет процесс создания и первого запуска:
https://tprg.ru/ZE8r
#веб #chrome
После перехода Chrome на платформу для расширений Manifest V3 блокировщики рекламы могут стать бесполезными
Начиная с версии Chrome 88 браузер получил возможность полноценно работать с Manifest V3. Однако с 17 января 2022 года в магазине приложений Chrome больше нельзя будет публиковать расширения на Manifest V2, а с января 2023 года они вообще перестанут поддерживаться. Разработчики обеспокоены, что из-за этого расширения могут работать с ошибками или вовсе оказаться бесполезными.
До Manifest V3 webRequest API позволял расширениям перехватывать запросы, перенаправлять их и модифицировать возвращаемое значение. После внедрения Manifest V3 разработчикам придется работать с declarativeNetRequest API, делегирующем обработку запросов на сам браузер. Он сможет отклонять операции, посчитав их нежелательными или опасными.
#веб #chrome
Начиная с версии Chrome 88 браузер получил возможность полноценно работать с Manifest V3. Однако с 17 января 2022 года в магазине приложений Chrome больше нельзя будет публиковать расширения на Manifest V2, а с января 2023 года они вообще перестанут поддерживаться. Разработчики обеспокоены, что из-за этого расширения могут работать с ошибками или вовсе оказаться бесполезными.
До Manifest V3 webRequest API позволял расширениям перехватывать запросы, перенаправлять их и модифицировать возвращаемое значение. После внедрения Manifest V3 разработчикам придется работать с declarativeNetRequest API, делегирующем обработку запросов на сам браузер. Он сможет отклонять операции, посчитав их нежелательными или опасными.
#веб #chrome
Microsoft стал настойчиво предупреждать юзеров, что Edge лучше Google Chrome
Теперь при попытке скачать браузер от Google, Edge показывает уведомления: «That browser is so 2008! Do you know what's new? Microsoft Edge» и «Microsoft Edge runs on the same technology as Chrome, with the added trust of Microsoft». А если сделать в Bing запрос «браузер» или «скачать браузер», появится рекомендация по установке Edge.
Справедливости ради, стоит отметить, что и Google иногда отправляет такие подсказки при использовании своих продуктов. Правда, в отличие от Edge, Chrome хотя бы можно спокойно удалить со своего ПК.
#microsoft #windows #chrome #edge
Теперь при попытке скачать браузер от Google, Edge показывает уведомления: «That browser is so 2008! Do you know what's new? Microsoft Edge» и «Microsoft Edge runs on the same technology as Chrome, with the added trust of Microsoft». А если сделать в Bing запрос «браузер» или «скачать браузер», появится рекомендация по установке Edge.
Справедливости ради, стоит отметить, что и Google иногда отправляет такие подсказки при использовании своих продуктов. Правда, в отличие от Edge, Chrome хотя бы можно спокойно удалить со своего ПК.
#microsoft #windows #chrome #edge
Если вы считаете навигацию на гитхабе неудобной и вам хотелось бы, чтобы всё было как в любимой IDE, советуем обратить внимание на Octotree.
Это крутое расширение для Chrome, которое умеет добавлять удобное дерево для навигации по репозиторию. Из приятного — последний апдейт меньше месяца назад и больше полумиллиона активных пользователей:
https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc
#chrome #github #инструменты
Это крутое расширение для Chrome, которое умеет добавлять удобное дерево для навигации по репозиторию. Из приятного — последний апдейт меньше месяца назад и больше полумиллиона активных пользователей:
https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc
#chrome #github #инструменты
Состоялся релиз Chrome 99
Основные изменения новой версии:
— Проводится финальное тестирование нарушения работы сайтов после достижения браузером трёхзначной версии. При активации флага «chrome://flags#force-major-version-to-100» в заголовке User-Agent начинает выдаваться версия 100.
— В экспериментальном режиме Origin Trials реализована возможность включения тёмного режима оформления для web-приложений. Цвета и фон для тёмной темы выбираются при помощи нового поля color_scheme_dark в манифесте web-приложения.
— В Chrome для Android включено использование механизма Certificate Transparency. Он обеспечивает ведение публичного лога сертификатов, чтобы лучше отслеживать любые попытки скрытого создания поддельных записей.
— В CSS реализована поддержка каскадных слоёв. Они нужны, чтобы упростить управление стилями всего каскада
— В класс HTMLInputElement добавлен метод showPicker(), позволяющий отобразить готовые диалоги для заполнения типовых значений в полях <input> с типами «date», «month» и другими.
— Избавлены от префикса «-webkit» свойства «text-emphasis», «text-emphasis-color», «text-emphasis-position» и «text-emphasis-style».
Подробнее об этих и других изменениях и нововведениях можно почитать здесь: https://www.opennet.ru/opennews/art.shtml?num=56793
#веб #chrome
Основные изменения новой версии:
— Проводится финальное тестирование нарушения работы сайтов после достижения браузером трёхзначной версии. При активации флага «chrome://flags#force-major-version-to-100» в заголовке User-Agent начинает выдаваться версия 100.
— В экспериментальном режиме Origin Trials реализована возможность включения тёмного режима оформления для web-приложений. Цвета и фон для тёмной темы выбираются при помощи нового поля color_scheme_dark в манифесте web-приложения.
— В Chrome для Android включено использование механизма Certificate Transparency. Он обеспечивает ведение публичного лога сертификатов, чтобы лучше отслеживать любые попытки скрытого создания поддельных записей.
— В CSS реализована поддержка каскадных слоёв. Они нужны, чтобы упростить управление стилями всего каскада
— В класс HTMLInputElement добавлен метод showPicker(), позволяющий отобразить готовые диалоги для заполнения типовых значений в полях <input> с типами «date», «month» и другими.
— Избавлены от префикса «-webkit» свойства «text-emphasis», «text-emphasis-color», «text-emphasis-position» и «text-emphasis-style».
Подробнее об этих и других изменениях и нововведениях можно почитать здесь: https://www.opennet.ru/opennews/art.shtml?num=56793
#веб #chrome
Google выпустила сотую версию браузера Chrome
В честь этого исторического момента компания представила сайт #100CoolWebMoments, на котором собраны самые значимые события, произошедшие с Интернетом с момента выпуска первой версии браузера:
https://developer.chrome.com/100/
Это первая версия браузера с трёхзначным номером, что ещё недавно сулило нарушение работы огромного числа сайтов. А готовиться к этому событию многие разработчики начали ещё за год.
В новой версии исправили 28 уязвимостей — из них 9 с высоким уровнем опасности. Добавили дополнительные функции для разработчиков, полностью перешли к новому дизайну иконки и добавили API для работы с несколькими мониторами. Теперь разработчики могут полноценно работать с несколькими дисплеями и адаптировать свои веб-приложения под такие сценарии работы.
#chrome #google #веб #интернет
В честь этого исторического момента компания представила сайт #100CoolWebMoments, на котором собраны самые значимые события, произошедшие с Интернетом с момента выпуска первой версии браузера:
https://developer.chrome.com/100/
Это первая версия браузера с трёхзначным номером, что ещё недавно сулило нарушение работы огромного числа сайтов. А готовиться к этому событию многие разработчики начали ещё за год.
В новой версии исправили 28 уязвимостей — из них 9 с высоким уровнем опасности. Добавили дополнительные функции для разработчиков, полностью перешли к новому дизайну иконки и добавили API для работы с несколькими мониторами. Теперь разработчики могут полноценно работать с несколькими дисплеями и адаптировать свои веб-приложения под такие сценарии работы.
#chrome #google #веб #интернет
В Google Chrome перестанут работать расширения для блокировки рекламы
В январе 2023 года компания планово обновит программный интерфейс для расширений до версии Manifest Version 3. Пока все приложения, блокирующие рекламу, работают на 2-ой версии. Но с января будет заблокирована возможность загружать дополнения на старом API и обновлять их.
И хотя уже установленные расширения на Manifest V2 будут работать до июня, блокировщики не смогут работать полноценно, так как нуждаются в постоянных патчах для корректной работы. Однако новый принцип блокировки рекламы до сих пор не реализован, а просто адаптировать старый алгоритм не получится.
#google #chrome #интернет
В январе 2023 года компания планово обновит программный интерфейс для расширений до версии Manifest Version 3. Пока все приложения, блокирующие рекламу, работают на 2-ой версии. Но с января будет заблокирована возможность загружать дополнения на старом API и обновлять их.
И хотя уже установленные расширения на Manifest V2 будут работать до июня, блокировщики не смогут работать полноценно, так как нуждаются в постоянных патчах для корректной работы. Однако новый принцип блокировки рекламы до сих пор не реализован, а просто адаптировать старый алгоритм не получится.
#google #chrome #интернет
Если вдруг пропустили, на днях произошли полтора исторических события, связанные с Google Chrome
Во-первых, в Google Chrome (m108) появился режим экономии ОЗУ (до 30%) и режим энергосбережения
Вполне возможно, что мем про прожорливость хрома скоро станет неактуальным. Пока, правда, фичи экспериментальные, но попробовать их можно и сейчас.
Достаточно активировать два флага:
А во-вторых, что действительно важно, Google Chrome теперь официально поддерживает Passkeys
Если вкратце, именно пароли в их настоящем виде — одна из самых главных заноз в мире кибербезопасности. Энтузиасты давно разработали интересный стандарт аутентификации WebAuthn, для которого пароли вообще не нужны. Инициатива со стандартом настолько зашла Apple, Google и Microsoft, что они собрались и обернули всё это дело в Passkeys.
Технология уже готова для массового использования, но до этого момента интеграция шла очень медленно. Google решили здорово ускорить этот процесс и с внедрением в Chrome беспарольная эра стала намного ближе.
Всё-таки не зря Chrome стал самым популярным браузером.
#google #chrome #интернет
Во-первых, в Google Chrome (m108) появился режим экономии ОЗУ (до 30%) и режим энергосбережения
Вполне возможно, что мем про прожорливость хрома скоро станет неактуальным. Пока, правда, фичи экспериментальные, но попробовать их можно и сейчас.
Достаточно активировать два флага:
chrome://flags/#high-efficiency-mode-availablechrome://flags/#battery-saver-mode-availableА во-вторых, что действительно важно, Google Chrome теперь официально поддерживает Passkeys
Если вкратце, именно пароли в их настоящем виде — одна из самых главных заноз в мире кибербезопасности. Энтузиасты давно разработали интересный стандарт аутентификации WebAuthn, для которого пароли вообще не нужны. Инициатива со стандартом настолько зашла Apple, Google и Microsoft, что они собрались и обернули всё это дело в Passkeys.
Технология уже готова для массового использования, но до этого момента интеграция шла очень медленно. Google решили здорово ускорить этот процесс и с внедрением в Chrome беспарольная эра стала намного ближе.
Всё-таки не зря Chrome стал самым популярным браузером.
#google #chrome #интернет
Четыре новые функции CSS, которые обеспечивают плавную анимацию и переходы в новых версиях Chrome
Если у вас уже перестал дергаться глаз от времён, когда нужно было поддерживать IE, пришла пора обратить на новые фичи Chrome.
До них в CSS были пробелы в плавных анимациях. Это анимации для входа и выхода. И плавный переход на верхний уровень для закрываемых элементов, таких как диалоговые окна и всплывающие панели. В новых версиях 116 и 117 разработчики решили эти проблемы.
И вот как использовать новые фичи: https://tproger.ru/articles/chetyre-novye-funkcii-css-dlya-plavnoj-animacii-vhoda-i-vyhoda
#веб #chrome #фронтенд
Если у вас уже перестал дергаться глаз от времён, когда нужно было поддерживать IE, пришла пора обратить на новые фичи Chrome.
До них в CSS были пробелы в плавных анимациях. Это анимации для входа и выхода. И плавный переход на верхний уровень для закрываемых элементов, таких как диалоговые окна и всплывающие панели. В новых версиях 116 и 117 разработчики решили эти проблемы.
И вот как использовать новые фичи: https://tproger.ru/articles/chetyre-novye-funkcii-css-dlya-plavnoj-animacii-vhoda-i-vyhoda
#веб #chrome #фронтенд
Google Chrome теперь показывает, сколько оперативной памяти использует каждая вкладка
Пока функцию тестируют в Chrome Canary. Она показывает использование памяти в режиме реального времени при наведении курсора на открытую вкладку. Она работает даже тогда, когда включена функция «Экономия памяти».
Чтобы включить опцию, нужно перейти в Chrome://flags, включить «Использование памяти при наведении» и перезапустить браузер.
#google #chrome #интернет
Пока функцию тестируют в Chrome Canary. Она показывает использование памяти в режиме реального времени при наведении курсора на открытую вкладку. Она работает даже тогда, когда включена функция «Экономия памяти».
Чтобы включить опцию, нужно перейти в Chrome://flags, включить «Использование памяти при наведении» и перезапустить браузер.
#google #chrome #интернет