Вниз  Обновление серверов Opera Mini
- 13.04.2015 / 11:28
Alexandr
  Пользователь

Alexandr 
Сейчас: Offline
Мы обновили сервера Opera Mini до новой версии нашего движка Presto. Это значит, что раскладки на Flexbox и единицы измерения rem будут работать, как вы и ожидали.
Как вы уже наверняка знаете, Opera Mini отрисовывает страницы на серверах Opera, и они потом в сильно сжатом формате отправляются обратно в клиенты на устройствах. Это значит, что все пользователи сразу же увидят страницы, отрисованные обновлёнными серверами Mini — им не понадобится обновлять программы. Автоматическое обновление для 260 миллионов пользователей всего за одни выходные. Ого.

Что нового
HTML5-парсер

Сервера Mini теперь используют Ragnarök, нашу собственную реализацию алгоритма для HTML5- парсера. Этот алгоритм — как HTML-ниндзя: очень мощный, но всегда действует незаметно. Когда мы впервые внедрили его в Opera для компьютеров, то обнаружили, что 20% проблем с совместимостью сайтов исчезли. Так что это, казалось бы, незаметное улучшение должно повысить совместимость сайтов.
Новые типы полей из HTML5
Наши сервера теперь поддерживают типы полей из HTML5 (tel,date,numberи т.д.) Мы планируем обновить сами клиенты позднее, чтобы эти поля заработали в поддерживаемых ОС. До тех пор они будут подменяться на<input type="text">, как этого и требует спецификация.

CSS Flexbox
Flexbox (илиCSS Flexible Box Model, если официально) — это новый способ создания гибких раскладок в браузере, достаточно отзывчивый, чтобы страницы хорошо адаптировались даже без медиавыражений. Блоки растягиваются или сжимаются, чтобы занять свободное место, делят пространство поровну, создавая раскладки-сетки для произвольных ширин. Блоки с содержимым можно визуально менять местами, не трогая исходный HTML-код — например, навигацию слева от содержимого на большом экране (в исходном коде находящуюся до него) можно переместить после содержимого на узких экранах.
Подробнее:
Flexbox — Fast Track to Layout Nirvana?
Advanced Cross-Browser Flexbox
Animating Flexboxes: The Lowdown

Единицы измерения rem

Единица измерения rem равна рассчитанному значению font-size корневого элемента. Если вы используете эту единицу в вашем коде, то изменение font-size для элемента <html> изменит все остальные свойства, выраженные в rem.

ECMAScript 5
Следующие свойства теперь поддерживаются:
Режим strict
Зарезервированные слова в качестве имён свойств
Unicode-символы нулевой ширины в указателях
Неизменяемый глобальный undefined
Function.prototype.bind
Object.defineProperties
Object.freeze
Object.getOwnPropertyDescriptor
Object.getOwnPropertyNames
Object.getPrototypeOf
Object.isExtensible
Object.isFrozen
Object.isSealed
Object.preventExtensions
Object.seal
Это делает нашу поддержку ES5 полной.

Что же работает в Opera Mini?

До сих пор на кластерах Opera Mini работала версия Opera Presto, аналогичная версии Opera 11 для компьютеров. Теперь она обновлена до версии, аналогичной Opera 12 для компьютеров, с некоторыми отключёнными возможностями, главным образом, связанными с архитектурными особенностями, например:
API только для JavaScript не работают в Opera Mini из-за её архитектуры. Другие части JavaScript, однако, работают. Читайте подобнее об Opera Mini и JavaScript..

Некоторые CSS-возможности отключены: например, скруглённые уголки (border-radius) и градиенты выключены потому, что после отрисовки на сервере их придётся отправлять в растровом виде на клиент, что вместо сжатия в итоге увеличит изначальный объём страницы.
Веб-шрифты тоже не подгружаются, вместо этого используются системные шрифты устройства. Это происходит потому, что многие устройства не позволяют устанавливать другие шрифты; системные шрифты заведомо лучше оптимизированы для конкретного устройства и выглядят лучше, а также веб-шрифты могут быть довольно большими, что замедляет отрисовку.
CSS- и SVG-анимации не работают, вместо них отображается только первый кадр.
Стоит иметь в виду
Если вы используете CSS-градиенты в качестве фона для текста или кнопок, установите подходящее значение для background-color, которое достаточно хорошо контрастирует с текстом, чтобы его можно было прочитать без этого градиента.
Не полагайтесь на иконочные шрифты, поскольку веб-шрифты не подгружаются. Используйте вместо этого SVG, этот формат можно сделать адаптивным, см. доклад о том, как медиавыражения позволяют оптимизировать SVG-иконки для нескольких размеров.
Если вы полагаетесь на какую-то базу данных IP-адресов для определения местоположения пользователя, обратите внимание, что тот IP-адрес, который вы найдёте в заголовках, принадлежит нашим прокси для сжатия. Оригинальный IP-адрес пользователя передаётся в заголовке X-Forwarded-For.
Задайте себе вопрос « Должны ли все сайты выглядеть одинаково во всех браузерах?» и не забывайте, что причина, по которой пользователь пришёл на ваш сайт — это его содержимое.
https://dev.opera.com/blog/ru/opera-mini-server-upgrade/

Изменено Alexandr (13.04 / 14:40) (всего 3 раза)
- 13.04.2015 / 11:50
web_demon
  Супервизор

web_demon 
Сейчас: Offline
Это просто офигенные новости, просто потрясающие. Теперь не надо будет делать версию сайта с растровыми иконками.
- 13.04.2015 / 11:59
Alexandr
  Пользователь

Alexandr 
Сейчас: Offline
Если не тот раздел, перенесите тему.
- 13.04.2015 / 13:07
RblSb
  Пользователь

RblSb 
Сейчас: Offline
HTML5 canvas в opare mini 4.21 работает, ору

Изменено Ксакеп (13.04 / 14:16) (всего 1 раз)
- 13.04.2015 / 13:40
Alexandr
  Пользователь

Alexandr 
Сейчас: Offline
canvas в Opera mini
  1. <canvas id='draw' width='100' height='100' style='border:1px solid'></canvas>
  2. <script type='text/javascript'>
  3.   var canvas = document.getElementById('draw');
  4.   var ctx = canvas.getContext('2d');
  5.   ctx.fillStyle = "#000";
  6.   ctx.fillRect(1,1,50,50);
  7.   ctx.fillStyle = "#f00";
  8.   ctx.fillRect(25,25,50,50);
  9. </script>



Прикрепленные файлы:
Screenshot0026.png (5.58 кб.) Скачано 296 раз
- 13.04.2015 / 14:21
Ксакеп
  Модератор форума

Ксакеп 
Сейчас: Offline
Цитата web_demon:
Теперь не надо будет делать версию сайта с растровыми иконками.
Не полагайтесь на иконочные шрифты, поскольку веб-шрифты не подгружаются.
- 13.04.2015 / 16:27
web_demon
  Супервизор

web_demon 
Сейчас: Offline
Ксакеп, Того что есть вполне хватит. Шрифты это уже дело десятое.
- 13.04.2015 / 17:06
Naik
  Пользователь

Naik 
Сейчас: Offline
Цитата RblSb:
HTML5 canvas в opare mini 4.21 работает, ору
оно наверное просто картинку отрендеренную передает
- 13.04.2015 / 19:33
ВитаминКО
  Супермодератор

ВитаминКО 
Сейчас: Offline
хм, а на старых платформах оперу будут обновлять?
__________________
 わからない!!
- 13.04.2015 / 20:03
vl@volk
  Пользователь

vl@volk 
Сейчас: Offline
это жи просто супер.
__________________
 знает толк
Наверх  Всего сообщений: 18
Фильтровать сообщения
Поиск по теме
Файлы топика (1)