Иконки для браузера: Пакет значков Browser | Outline

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

Я запускаю приложение Silverlight 4 с повышенным доверием из браузера и не могу полагаться на веб-страницу DOM или хоста, чтобы закрыть Silverlight. Нет никакого метода App.Current.Shutdown(). Как…

У меня есть приложение Silverlight 4, которое по сути представляет собой холст, заполненный пользовательскими элементами управления. Когда я использую Print (или Print Preview) в Firefox 3.6, холст…

Silverlight 3 позволяет запускать приложение из браузера , который устанавливает ссылку на рабочий стол/меню Пуск. Проблема в том, что мы в настоящее время используем…

Что такое хостинг приложения Silverlight при запуске из браузера? Я могу себе представить, что на Windows он использует какой-то очень тонкий хост IE, но что он на самом деле работает на машинах…

Почему и когда кто-то вынимает приложение Silverlight из браузера и запускает его? Поскольку эта функция предусмотрена в Silverlight 3.

Я пытаюсь открыть файл HTML из локального URI, который я использую в качестве редактора XML, чтобы отредактировать данные xml, поступающие из приложения Silverlight, затем закрыть окно браузера и. ..

Я использую sllauncher.exe для выполнения локального приложения silverlight 4, но пусковая установка показывает следующую ошибку: недопустимые параметры. Как я могу выполнить приложение silverlight…

Я создал приложение Silverlight, которое запускает OOB с дополнительными функциями. Мы взяли несколько машин и полностью стерли их, установили XP и полные пакеты обновления и обновления, а также…

После того как пользователь установит приложение silverlight из браузера, может ли он скопировать его на другой компьютер? Если да, то есть ли хорошие стратегии, чтобы избежать этого? Спасибо.

иконок и цветов браузера | Основы Интернета | Разработчики Google

Open Web Developer Advocate в Google • Инструменты, производительность, анимация, пользовательский интерфейс

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

Предоставьте отличные значки и плитки

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

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

Для полной поддержки всех браузеров вам нужно добавить несколько тегов в элемент каждой страницы.

  



 png">



  

Chrome и Opera

Chrome и Opera используют icon.png , который масштабируется до необходимого размера с помощью Устройство. Чтобы предотвратить автоматическое масштабирование, вы также можете предоставить дополнительные sizes, указав атрибут sizes .

Safari

Safari также использует тег с атрибутом rel : apple-touch-icon to укажите значок на главном экране.

Непрозрачный PNG-квадрат размером 180 или 192 пикселей идеально подходит для сенсорного значка яблока.

Не рекомендуется включать несколько версий через атрибут sizes . Ранее Safari для iOS рассматривал предварительно составленное ключевое слово , чтобы избежать добавление визуальных эффектов, но в этом не было необходимости с iOS 7.

Internet Explorer и Windows Phone

Windows 8 поддерживает четыре различных макета для закрепленные сайты, и требуется четыре значка. Вы можете опустить соответствующую мета теги, если вы не хотите поддерживать определенный размер.

плиток в Internet Explorer

«Закрепленные сайты» и вращающиеся «живые плитки» Microsoft выходят далеко за рамки других реализации и выходят за рамки данного руководства. Вы можете узнать больше в MSDN как создавать живые плитки.

Цветные элементы браузера

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

Chrome, Firefox OS, Safari, Internet Explorer и Opera Coast позволяют определять цвета для элементов браузера и даже платформы, использующие метатеги.

Цвет метатемы для Chrome и Opera

Чтобы указать цвет темы для Chrome на Android, используйте цвет метатемы.

Стиль, характерный для Safari

Safari позволяет стилизовать строку состояния и указать заставку.

Укажите загрузочный образ

По умолчанию Safari показывает пустой экран во время загрузки и после нескольких загружает снимок экрана с предыдущим состоянием приложения. Вы можете предотвратить это указание Safari показать явное начальное изображение путем добавления тега ссылки с rel = apple-touch-startup-image . Например:

Изображение должно соответствовать размеру экрана целевого устройства или не будет использоваться.Ссылаться на Рекомендации по веб-контенту Safari для получения дополнительной информации.

Хотя документация Apple по этой теме скудна, сообщество разработчиков нашел способ настроить таргетинг на все устройства, используя расширенные медиа-запросы для выберите соответствующее устройство, а затем укажите правильное изображение. Вот рабочий раствор, любезно предоставлен tfausak’s gist

Изменить внешний вид строки состояния

Вы можете изменить внешний вид строки состояния по умолчанию на черный или чёрно-полупрозрачный .У черный полупрозрачный строка состояния плавает сверху полноэкранного содержимого, а не сдвигать его вниз. Это дает макет больше высоты, но закрывает верх. Вот требуемый код:

Обратная связь

Была ли эта страница полезной?

Есть

Что было самым лучшим на этой странице?

Это помогло мне выполнить мои цели

Там была информация, которая мне была нужна

Имеет точную информацию

Легко читалось

Что-то еще

№

Что было самым плохим на этой странице?

Это не помогло мне выполнить мои цели

Отсутствовала необходимая мне информация

Он имел неточную информацию

Было трудно прочитать

Что-то еще

Настроить браузеры | PhpStorm

PhpStorm поставляется с предопределенным списком наиболее популярных браузеров, которые вы можете устанавливать и запускать автоматически из IDE во время выполнения, отладки или предварительного просмотра вывода HTML-файла.PhpStorm предполагает, что вы устанавливаете браузеры в соответствии со стандартной процедурой, и назначает каждой установке псевдоним, который обозначает путь по умолчанию к исполняемому файлу браузера или приложению macOS. Помимо браузеров из списка по умолчанию, вы можете настроить пользовательские установки браузера.

PhpStorm имеет встроенный веб-сервер, который можно использовать для предварительного просмотра и отладки вашего приложения. Этот сервер всегда работает и не требует ручной настройки. Все файлы проекта обслуживаются на встроенном сервере с корневым URL-адресом http: // localhost: <встроенный порт сервера> / <корень проекта> в соответствии со структурой проекта.Подробнее см. Встроенный веб-сервер.

Открыть файл в веб-браузере

Чтобы открыть файл, предназначенный для отображения в веб-браузере (HTML, XML, JSP и т. Д.), Выполните одно из следующих действий:

• Нажмите Alt + F2 .

• Щелкните файл правой кнопкой мыши и выберите «Открыть в браузере».

• В главном меню выберите View | Открыть в браузере.

• Используйте всплывающее окно браузера в верхней правой части окна редактора.Нажмите кнопку браузера, чтобы открыть URL-адрес файла веб-сервера, или Shift + щелкните , чтобы открыть URL-адрес локального файла.

Действие «Открыть в браузере» недоступно для других типов файлов. Однако вы все равно можете выполнить его, используя Find Action Ctrl + Shift + A .

По умолчанию PhpStorm поддерживает некоторые из наиболее популярных браузеров, которые настраиваются автоматически, если они доступны:

• Chrome

• Firefox

• Safari

• Opera

• Internet Explorer6

• Edge

Просмотр и настройка списка браузеров

Если браузер был установлен с использованием стандартной процедуры, псевдоним в поле Путь должен указывать на правильное место.Если это не так, укажите путь к соответствующему исполняемому файлу.

Порядок браузеров в списке соответствует их порядку во всплывающем, контекстном меню и меню «Просмотр». Если вы отключите браузер, он не будет отображаться во всплывающем, контекстном меню и меню «Просмотр».

Добавить собственный браузер

1. В диалоговом окне «Настройки / Предпочтения» Ctrl + Alt + S выберите Инструменты | Веб-браузеры.

2. Щелкните и укажите имя браузера, семейство и расположение исполняемого файла или приложения macOS.

Выберите браузер по умолчанию

Пункт «Открыть в браузере» в меню «Просмотр» и в контекстном меню файла перечисляет все доступные браузеры и браузер по умолчанию, который также используется для визуализации внешних ресурсов.

1. В диалоговом окне «Настройки / Предпочтения» Ctrl + Alt + S выберите Инструменты | Веб-браузеры.

2. В списке «Браузер по умолчанию» выберите одно из следующего:

   • Системное значение по умолчанию: используйте браузер по умолчанию для вашей операционной системы.

   • Первый в списке: используйте первый браузер в списке.

   • Пользовательский путь: используйте браузер, которого нет в списке. Укажите расположение исполняемого файла.

Использовать собственный профиль и настройки

Вы можете настроить собственные профили для браузеров семейства Firefox и Chrome.

1. В диалоговом окне «Настройки / Предпочтения» Ctrl + Alt + S выберите Инструменты | Веб-браузеры.

2. Выберите браузер в списке и щелкните.

   • Для Firefox укажите путь к файлу profiles.ini и выберите профиль для использования. Для получения дополнительной информации см. Профиль браузера Firefox.

   • Для Chrome выберите Использовать каталог пользовательских данных и укажите расположение каталога данных пользователя.

     Вы также можете указать дополнительные параметры командной строки, которые будут использоваться при запуске Chrome из PhpStorm. Для получения дополнительной информации откройте chrome: // flags в адресной строке Chrome.

Последнее изменение: 19 мая 2021 г.

иконок — Mozilla | MDN

  "иконок": {
  «48»: «значок.png ",
  «96»: «[email protected]»
}  

Клавиша icons определяет значки для вашего добавочного номера. Эти значки будут использоваться для представления расширения в таких компонентах, как диспетчер надстроек.

Он состоит из пар «ключ-значение» размера изображения в пикселях и пути к изображению относительно корневого каталога расширения.

Если значков не предоставлены, по умолчанию будет использоваться стандартный значок расширения.

Вы должны предоставить как минимум значок основного расширения, в идеале размером 48×48 пикселей.Это значок по умолчанию, который будет использоваться в диспетчере дополнений. Однако вы можете предоставить значки любого размера, и Firefox попытается найти значок, который лучше всего отображать в различных компонентах.

Firefox будет учитывать разрешение экрана при выборе значка. Чтобы обеспечить наилучшее визуальное восприятие пользователям дисплеев с высоким разрешением, таких как дисплеи Retina, предоставьте версии всех ваших значков в два раза больше.

Ключи в объекте icons определяют размер значка в пикселях, значения определяют относительный путь значка.Этот пример содержит значок расширения 48 пикселей и более крупную версию для дисплеев с высоким разрешением.

  "иконок": {
  «48»: «icon.png»,
  «96»: «[email protected]»
}  

Вы можете использовать SVG, и браузер соответствующим образом масштабирует ваш значок. Однако в настоящее время есть два предостережения:

1. Вам необходимо указать viewBox в изображении. Например.:

2. Несмотря на то, что вы можете использовать один файл, вам все равно нужно указать различные размеры значков в манифесте.Например.:

     "иконок": {
     «48»: «icon.svg»,
     "96": "icon.svg"
   }  

Не забудьте включить атрибут xmlns при создании SVG. В противном случае Firefox не сможет отобразить значок.

Если вы используете такую ​​программу, как Inkscape для создания SVG, вы можете сохранить ее как «простой SVG». Firefox может запутаться в различных специальных пространствах имен и не отображать ваш значок.

таблицы BCD загружаются только в браузере

популярных значков интернет-браузера — загрузка логотипов веб-браузеров

В эту статью мы добавили самые популярные в мире значки веб-браузеров и все интернет-браузеров. основную информацию с некоторыми общими часто задаваемыми вопросами.Вы можете сравнить это по их важным характеристикам.

В основном , здесь мы упоминали все значки веб-браузеров, общую биографию, дату изобретения и ссылку для скачивания.

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

Что такое веб-браузер?

Проще говоря, веб-браузер — это приложение , которое позволяет пользователю подключаться к Интернету для доступа к веб-страницам, изображениям, видео или другой информации.

Подробно; Веб-браузер — это программное приложение для доступа к информации во всемирной паутине (WWW). Когда пользователь запрашивает веб-страницу с определенного веб-сайта или поисковой системы, веб-браузер собирает и извлекает необходимый контент с веб-сервера, а затем отображает страницу на устройстве пользователя.

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

Не смешивайте; Веб-браузер — это не то же самое, что поисковая машина, хотя пользователи часто путают их.

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

Что такое значок браузера?

Значок или значок веб-браузера — это пиктограмма или идеограмма, которая отображается на экране компьютера в виде небольшого квадратного изображения для представления приложения. Он помогает пользователю перемещаться по браузеру. .Этот значок отображается в заголовке страницы веб-браузера на вкладках браузера и в других местах в Интернете. Значок или логотип браузера можно использовать в качестве значка на рабочем столе.

Читайте также: История социальных сетей

Включены следующие логотипы и названия интернет-браузеров; Chrome , Microsoft Edge , Firefox , Internet Explorer , Safari , Opera , UC Browser , Yandex , QQ Browser , Chromium, Brave, Vivaldi и т. Д.

Список самых популярных значков веб-браузера:

Примечание ; Любой желающий может использовать эти значки интернет-браузера в формате .png.

Вот процент пользователей интернет-браузеров:

Источник информации: NetMarketShare

В Интернете доступно множество типов веб-браузеров, но они удобны и безопасны для просмотра.

Дата первого выпуска: 2 сентября 2008 г.

Загрузить браузер Google Chrome: Загрузить

Источник: Википедия

Google Chrome — кроссплатформенный веб-браузер, разработанный Google. Впервые он был выпущен в 2008 году для Microsoft Windows, а затем был перенесен на Linux, macOS, iOS и Android, где он является браузером по умолчанию, встроенным в ОС.

Дата первого выпуска: 29 июля 2015 г.

Загрузить браузер Microsoft Edge: Загрузить

Источник: Википедия

Microsoft Edge — кроссплатформенный веб-браузер, разработанный Microsoft.Впервые он был выпущен для Windows 10 и Xbox One в 2015 году, затем для Android и iOS в 2017 году, для macOS в 2019 году и в качестве предварительной версии для Linux в октябре 2020 года. Edge включает интеграцию с Cortana и имеет расширения, размещенные в Microsoft Store.

Дата первого выпуска: 23 сентября 2002 г.

Загрузить Internet Explorer: Загрузить

Источник: Википедия

Mozilla Firefox или просто Firefox — это бесплатный веб-браузер с открытым исходным кодом, разработанный Mozilla Foundation и его дочерней компанией Mozilla Corporation.Firefox использует механизм компоновки Gecko для визуализации веб-страниц, который реализует текущие и ожидаемые веб-стандарты.

Дата первого выпуска: 16 августа 1995 г.

Загрузить Internet Explorer: Загрузить

Источник: Википедия

Internet Explorer — это серия графических веб-браузеров, разработанная Microsoft и включенная в линейку операционных систем Microsoft Windows, начиная с 1995 года. Впервые он был выпущен как часть дополнительного пакета Plus! для Windows 95 того года.

Дата первого выпуска: 7 января 2003 г.

Загрузить браузер Safari: Загрузить

Источник: Википедия

Safari — это графический веб-браузер, разработанный Apple на базе движка WebKit. Впервые выпущенная для настольных ПК в 2003 году вместе с Mac OS X Panther, мобильная версия входит в комплект устройств iOS с момента появления iPhone в 2007 году. Safari является браузером по умолчанию на устройствах Apple.

Дата первого выпуска: 29 ноября 2012 г.

Загрузить QQ Browser: Загрузить

Источник: Википедия

QQ Browser — это веб-браузер, разработанный китайской технологической компанией Tencent.Он использует два движка браузера: WebKit и Trident. Ранее Tencent разработала два браузера Tencent Explorer и Tencent TT на основе механизма набора текста Trident и интеграции с браузером QQ движка WebKit 5, браузером QQ 6.

Дата первого выпуска: апрель 2018 г.

Загрузить браузер QQ:

Источник: Википедия

Sogou Inc. — китайская технологическая компания, предлагающая поисковую систему.Это дочерняя компания Sohu, Inc.

Офисы Sogou расположены на юго-восточном углу Университета Цинхуа в Пекине. У Sogou также есть офисы в Чэнду, совмещенные с офисным зданием Tencent. В апреле 2018 года Sogou открыла научно-исследовательский центр в Гуанчжоу.

Дата первого выпуска: 10 апреля 1995 г.

Загрузить браузер Opera: Загрузить

Источник: Википедия

Opera — это многоплатформенный веб-браузер, разработанный Opera Software.Opera — это браузер на основе Chromium. Он отличается от других браузеров своим пользовательским интерфейсом, функциональностью и другими функциями.

Яндекс.Браузер — это бесплатный веб-браузер, разработанный российской поисковой корпорацией Яндекс, использующий движок веб-браузера Blink и основанный на проекте с открытым исходным кодом Chromium. Браузер проверяет безопасность веб-страницы с помощью системы безопасности Яндекса и проверяет загруженные файлы с помощью антивируса Касперского.

UC Browser — это веб-браузер, разработанный мобильной интернет-компанией UCWeb, дочерней компанией Alibaba Group. Это один из самых популярных мобильных браузеров в Китае и Индонезии и восьмое место среди самых загружаемых мобильных приложений за десятилетие 2010–2019 годов.

Дата первого выпуска: 20 января 2016 г.

Скачать Яндекс.Браузер: Скачать

Источник: Википедия

Brave — это бесплатный веб-браузер с открытым исходным кодом, разработанный Brave Software, Inc.на основе веб-браузера Chromium. Он блокирует рекламу и трекеры веб-сайтов и предоставляет пользователям возможность отправлять криптовалютные взносы в виде токенов базового внимания веб-сайтам и создателям контента.

Дата первого выпуска: 2 сентября 2008 г.

Загрузить браузер Chromium: загрузить

Источник: Википедия

Chromium — это бесплатный проект с открытым исходным кодом, разработанный в рамках проекта Chromium, спонсируемого Google.Исходный код можно скомпилировать в веб-браузере. Google использует код для создания своего браузера Chrome, который имеет больше функций, чем Chromium.

Дата первого выпуска: 27 января 2015 г.

Загрузить Браузер Vivaldi: Загрузить

Источник: Википедия

Vivaldi — это бесплатный кроссплатформенный веб-браузер, разработанный Vivaldi Technologies, компанией, основанной Тацуки Томитой и Джоном Стефенсоном фон Течнером, который был соучредителем и генеральным директором Opera Software.Vivaldi был официально запущен 6 апреля 2016 года.

Cent Browser — это усовершенствованный веб-браузер на основе Chromium с множеством удобных функций, таких как супер-перетаскивание, жест мыши, прокручиваемая панель вкладок, расширенные параметры просмотра и многое другое.

Источник информации и ссылки;

— Википедия

— Список Википедии

Сколько людей используют веб-браузер?

В 2021 году браузеры будут использовать около 5 миллиардов человек, более половины из которых — в Азии.Наиболее часто используемым браузером является Google Chrome, доля мирового рынка на всех устройствах составляет 66%, за ним следует Safari с 17%. Другие известные браузеры включают Firefox и Microsoft Edge.

используются на различных устройствах, включая настольные компьютеры, ноутбуки, планшеты и смартфоны.

Когда был разработан первый веб-браузер?

Первый веб-браузер был разработан в 1990 Тимом Бернерсом-Ли. он также известен как TimBL, первоначально он назывался WorldWideWeb, а затем был переименован в Nexus.

И в 1993 году Марк Андрессен был человеком, который создал веб-браузер с графическим пользовательским интерфейсом под названием Mosaic, позже известный как Netscape, был первым в мире популярным браузером с графическим пользовательским интерфейсом.

Какой веб-браузер станет самым популярным в 2021 году?

Конечно, это браузер Google Chrom!

Позвольте мне дать вам подсказку, Internet Explorer и Firefox от Microsoft теряют актуальность.

Какие 5 самых популярных статистических данных веб-браузеров?

Это 5 самых популярных статистических данных веб-браузеров;

• Google Chrome — 64.42%
• Apple Safari — 12.60%
• Mozilla Firefox — 7,88%
• Microsoft Edge — 6.96%
• Opera — 2,47%

Отчет: декабрь 2020 г.

Какие самые популярные веб-браузеры в мире?

Вот наиболее часто используемые настольные веб-браузеры — Chrome, Microsoft Edge, Firefox, Internet Explorer, Safari и Opera.

— По данным StatCounter

Сколько типов веб-браузеров доступно?

Как правило, пользователям доступны 2 типа интернет-браузера;

1. Компьютерный браузер (.exe или .app / OS X)
2. Мобильный браузер (приложение .apk или .iOS)

Это программное обеспечение или приложение может получить доступ к Интернету, если кто-либо из пользователей установит его на ПК или мобильный телефон.

Какой веб-браузер используется чаще всего?

Браузер Google Chrome — наиболее часто используемый веб-браузер в мире, затем браузер Microsoft Edge и браузер Firefox.

Какие популярные символы в Интернете?

Вот несколько популярных символов и знаков, которые обычно используются в Интернете.

• Интернет-символы: Интернет-символы — самый популярный и используемый символ в мире.
• Значок «Большой палец вверх»: обозначает что-то положительное или «Хорошо».
• Символ сердца: символ любви, сострадания и здоровья.
• Знак вопроса
• Символ значка лампочки; он представляет собой подсказку или идею.
• Символ шестерни
• Символ голубя: символизирует мир, любовь и спокойствие.
• Символ ворона: символ смерти и гибели.

Какой символ означает подключение к Интернету?

Глобус с меридианами эмодзи известен как Интернет-эмодзи.

Иногда упоминается как символ земного шара. Этот интернет-эмодзи появился в 2010 году.

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

Маленькая точка или башня с исходящими от нее волнами указывает на беспроводную связь и в настоящее время является одним из наиболее узнаваемых символов сигналов Wi-Fi (беспроводной сети).

chrome.browserAction — Разработчики Chrome

На следующем рисунке разноцветный квадрат справа от адресной строки — это значок действия браузера. Всплывающее окно находится под значком.

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

Манифест №

Зарегистрируйте действие браузера в манифесте расширения следующим образом:

  {
 "name": "My extension", 
... 
 "действие": {
 "default_icon": {
 "16": "images / icon16.png", 
 "24": "images / icon24.png", 
 "32": "images / icon32. png "
}, 
" default_title ":" Google Mail ", 
" default_popup ":" popup.html "
}, 
 ... 
}  

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

Поскольку устройства с менее распространенными коэффициентами масштабирования, такими как 1,5x или 1,2x, становятся все более распространенными, вам рекомендуется использовать несколько размеров для ваших значков. Это также гарантирует, что если размер отображения значков когда-либо изменится, вам не нужно будет больше работать для предоставления других значков!

По-прежнему поддерживается старый синтаксис для регистрации значка по умолчанию:

  {
 "name": "Мое расширение", 
 ... 
 "browser_action": {
 ... 
 "default_icon": "images / icon32.png "
}, 
 ... 
}  

Части пользовательского интерфейса #

Действие браузера может иметь значок, всплывающую подсказку, значок и всплывающее окно.

Значок #

Значки действий браузера в Chrome имеет ширину и высоту 16 углублений (не зависящих от устройства пикселей). Размер значков большего размера изменяется по размеру, но для достижения наилучших результатов используйте квадратный значок с 16 углублениями.

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

Статические изображения могут быть в любом формате, который может отображать WebKit, включая BMP, GIF, ICO, JPEG или PNG. Для распакованных расширений изображения должны быть в формате PNG.

Чтобы установить значок, используйте поле default_icon из browser_action в манифесте или вызовите метод browserAction.setIcon .

Для правильного отображения значка, когда плотность пикселей экрана (соотношение size_in_pixel / size_in_dip ) отличается от 1, значок можно определить как набор изображений с разными размерами.Фактическое изображение для отображения будет выбрано из набора, наиболее подходящего для размера 16 пикселей. Набор значков может содержать значки любого размера, и Chrome выберет наиболее подходящий.

Tooltip #

Чтобы настроить всплывающую подсказку, используйте поле default_title из browser_action в манифесте или вызовите метод browserAction.setTitle . Вы можете указать специфичные для локали строки для поля default_title ; см. подробности в разделе «Интернационализация».

Значок #

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

Поскольку на значке мало места, он должен содержать не более 4 символов.

Задайте текст и цвет значка с помощью browserAction.setBadgeText и browserAction.setBadgeBackgroundColor соответственно.

Если действие браузера имеет всплывающее окно, всплывающее окно появляется, когда пользователь щелкает значок расширения. Всплывающее окно может содержать любое содержимое HTML, которое вам нравится, и его размер автоматически соответствует его содержимому. Всплывающее окно не может быть меньше 25×25 и больше 800×600.

Чтобы добавить всплывающее окно к действию браузера, создайте HTML-файл с содержимым всплывающего окна. Укажите HTML-файл в поле default_popup для browser_action в манифесте или вызовите browserAction.setPopup метод.

Советы #

Для получения наилучшего визуального эффекта следуйте этим рекомендациям:

• Не используйте ли действия браузера для функций, которые имеют смысл на большинстве страниц.
• Не используйте действия браузера для функций, которые имеют смысл только для нескольких страниц. Вместо этого используйте действия страницы.
• В используйте большие красочные значки, которые максимально используют пространство 16×16. Значки действий браузера должны казаться немного больше и тяжелее, чем значки действий страницы.
• Не пытайтесь имитировать монохромный значок меню Google Chrome. Это плохо работает с темами, и в любом случае расширения должны немного выделяться.
• Не используйте ли альфа-прозрачность для добавления мягких краев к значку. Поскольку многие люди используют темы, ваш значок должен хорошо смотреться на разных цветах фона.
• Не постоянно анимировать значок. Это просто раздражает.

Примеры #

Вы можете найти простые примеры использования действий браузера в каталоге examples / api / browserAction.Другие примеры и помощь в просмотре исходного кода см. В разделе «Примеры».

отключить

отключить (tabId ?: номер): Promise <объект>
отключить (tabId ?: номер, обратный вызов ?: функция): void

Promise

Отключает действие браузера для вкладки.

Параметры

• Идентификатор вкладки, для которой нужно изменить действие браузера.

Результат

• Chrome 67+

  Метод disable предоставляет свой результат через обратный вызов или возвращается как обещание (только MV3).У него нет параметров.

включить

включить (tabId ?: номер): Promise <объект>
включить (tabId ?: номер, обратный вызов ?: функция): void

Promise

Включает действие браузера для вкладки . По умолчанию включено.

Параметры

• Идентификатор вкладки, для которой нужно изменить действие браузера.

Результат

• Chrome 67+

  Метод enable предоставляет свой результат через обратный вызов или возвращается как Promise (только MV3).У него нет параметров.

getBadgeBackgroundColor