Большинство разработчиков этого не сделали, но это не потому, что они не осмотрительны или это супер новый режим. Причина в том, что у большинства людей, использующих этот режим браузера, довольно старые или маломощные мобильные телефоны, такие как Nokia 3310 (более новые модели).

Да, это хороший вопрос! Кто и зачем сегодня пользуется такими телефонами?! Правда, я удивлен, но много людей. Например, в Африке это довольно популярно, потому что эти телефоны дешевы, еще одна проблема в этих регионах — медленное интернет-соединение. Вторая причина дает назначение Экстремального режима.

Введение

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

Проблема

Так что же такое экстремальный режим Opera mini? Этот режим создан в основном для недорогих/функциональных телефонов, где интернет-соединение или емкость телефона недостаточны для загрузки контента в разумные сроки.
Суть в том, что когда вы открываете страницу, ваш Контент проходит через сервер Opera, который фильтрует/блокирует контент, который слишком велик или требует высокой мощности процессора.
Что это значит для нас?!

  • Только базовый ES5 JS
  • Правила CSS фильтруются
  • Никаких больших изображений хорошего качества, на самом деле мало изображений низкого качества, но их также лучше избегать.

Может быть, в первый раз это звучит не так уж ужасно, но если мы осмотримся и проверим любые веб-сайты, которые мы используем, они построены с большим количеством JS и большими изображениями.

Javascript-часть. В настоящее время я считаю фундаментальным использование ES6, один из моих опытов в этой новой ситуации: я провел день, выясняя, в чем проблема с моим простым eventListener, я писал это тысячу раз, что может быть проблема?! Моей первой мыслью было: ладно, может быть, это слишком сложный JS для сервера Opera mini, так что, может быть, лучше попробовать пойти другим путем, но давай! Мне нужен этот слушатель, так что я могу делать? Отладка, не так просто отладить веб-приложение, как обычно, я не могу подключить телефон к ноутбуку и проверить. Проверьте параметры телефона, единственным вспомогательным инструментом является Информация о странице, на самом деле это не инструмент разработчика, но лучше, чем ничего, он не дает много информации, но если у вас есть серьезные проблемы, он может дать вам несколько советов. Итак, исходя из этого, я мог понять, в чем может быть проблема… Я написал const. Я не считаю это ошибкой, но в этой среде это так, трудно забыть использовать эти функции, в основном потому, что если кто-то в моей команде их не использует, я не забуду уведомить их , чему я научился из этого, так это делать его проще, еще проще. Это похоже на простое мышление, например, поиск значения в массиве без find, возвращение к основам.

Еще одним удивительным фактом в этом режиме является использование CSS, text-align: right; не работает, но базовый display: flex; еще одна основная вещь для меня — это border-radius, нет, это не работает, но да, на этих телефонах важно рисовать изогнутые края. Хорошо, так что не готовьтесь делать причудливый CSS. Здесь пригодился один из моих старых опытов, когда мне нужно было создавать HTML-шаблоны писем, это похоже.

Решение

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

Чтобы разделить пользователей, просто используйте тег noscript для их перенаправления.

‹noscript›

‹meta http-equiv="refresh" content="0; url=www.example.com/no-js-версия» /›

‹/noscript›

Версия без JS — это «базовый» статический сайт, поэтому сервер делает все и просто возвращает HTML и CSS для браузера.

Вывод

Нужна другая точка зрения, и нужно уделять много внимания этим специальным правилам, чтобы разработать приложение, которое является таким строгим, но также и более простым, потому что вам не нужно слишком заботиться о других правилах. Таким образом, режим Opera mini Extreme может быть полезен для пользователей, у которых также есть быстрое подключение к Интернету, но они не хотят ждать загрузки, эффектов или просто хотят избежать рекламы. И создать такой сайт не составит большого труда, потому что он должен быть простым. Это был интересный опыт для меня, чтобы думать совершенно по-другому, как обычно.

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