jkeks блог
17.7.2016 989 просмотров ;)

Как сделать иконку для сайта на телефоне ? Тест 6-браузеров.



Итак, по идее все просто, заходим в меню любого браузера и ищем там соответствующий пункт. Однако есть отличия в названиях пунктов, итак поехали по всем браузерам.

Сравниваю мобильные браузеры:

  1. Chrome
  2. Firefox
  3. Opera
  4. Opera mini
  5. Яндекс
  6. UCBrowser

Результат добавления иконок на экране смарта SONY:

Сверху созданные иконки, снизу сами браузеры. Особенно хочеться отметить трусы.. Шутка.

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

<meta name="application-name" content="Мяско">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#F00">
<link rel="icon" sizes="192x192" href="icon192.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Так же как видно добавил иконку 192×192, поэтому все должно быть на высшем уровне.

Теперь как отреагировали на мои желания браузеры:

Chrome


Правильно использовал название программы из META тэга, правильно прикрутил иконку. Результат отличный !

Firefox


Пункт добавления был спрятан в подменю, найти было труднее, Иконку взял favicon, вот идиот.. А название взял из Title.. Ну не идиот ли ? К тому же запущеная ссылка открылась просто в браузере, а не как приложение. Вообщем результат отвратительный, и Firefox малопригоден для жизни.

Opera


Иконка и название отлично, Запустилось как приложение, без лишних баров на весь экран. Результат отличный !

Opera mini


Иконку зеленую придумал сам, зеленую, нарисовал на ней текст и подписал тестом из Title. Запускается как ссылка а не приложение. Результат позорный как в Firefox и даже я бы сказал хуже, но это же mini, давайте ей простим, и погладим по шерстке..

UC Browser


Такого безобразия увидеть не ожидал, иконка создалась в какой-то папке, пришлось ее поискать. Иконку сам придумал какую-то, текст взял из title, запустился как ссылка, короче ПОЗОР, еще хуже чем Firefox и Opera mini вместе взятые.

Яндекс брузер


Трусы отработали так: Иконку взяли верно, текст взяли не правильно, открылось как ссылка, а не приложение. Яндексу позор, но что иконку хоть взяли и то плюсик.

Лучшими браузерами объявляю Chrome и Opera. Спорить дальше по их интерфейсу не буду, по мне удобнее Chrome.
Теперь как же выглядит добавление в каждом браузере. В каждом браузере есть нопка меню, ее надо найти, а вот как выглядят ками кнопки добавления в разных браузерах.

Chrome

Opera

Firefox

Opera mini

UC Browser

Яндекс браузер

Самым красивым на мой взгляд интерфейс добавления иконки на рабочий стол у UC Browser. Но это мелочи..
Вообщем я-то ожидал что во всех номинациях победит Firefox, а вышло Chrome. Но Opera удивила конечно своей напористотью, маладцы ребятки.
Ну и желаю вам удачи..







Видеочат рулетка

jAntivirus Рейтинг@Mail.ru