company_banner

Вышел IE10 PP2: WebWorkers, Drag & Drop, File API, CSS3 Positioned Floats, HTML5 Forms и многое другое

    (хотя на Хабре уже есть короткий пост-заметка про выход IE10 PP2, в этой статье мы хотим дать более корректный и полный обзор того, что нового появилось именно в IE10 PP2).

    И так, в соответствии с заявленным сроком выпуска PP-версий для следующих версий IE раз в ~12 недель, мы выпустили очередное обновление. Выглядит IE10 PP2 также как и все предыдущие версии Platform Preview, а самое интересное, как всегда, внутри – обновленный движок Internet Explorer:



    Ссылка на загрузку

    Что нового в IE10 PP2?

    Стандарты – по мере того, как они взрослеют и переходят в стабильное состояние, мы переходим к их внедрению непосредственно в Internet Explorer (напомню, что сырые стандарты культивируются в html5labs):
    • CSS3 Positioned Floats – новый модуль в рамках CSS3, добавляющий возможность обтекания контента (например, текста) вокруг вставленных блоков. Как это работает, можно посмотреть в примере Positioned Floats на ietestdrive.com:
    • HTML5 Drag & Drop – IE9 и предыдущие версии уже поддерживали возможность перетаскивания элементов с соответсвующими событиями и объектами dataTransfer, в IE10 PP2 добавлена поддержка для draggable-атрибута и возможности перетаскиваний файлов из ОС.
    • File Reader API – наконец-то, стандарт достаточно стабилизировался и пришло время перейти от экспериментальной реализации в HTML5Labs к реализации непосредственно в движке браузера.
    • Media Query Listeners – как известно, CSS3 Media Queries позволяют динамично изменять применяемые CSS-правила в зависимости от различных параметров (например, размера экрана). С помощью Media Query Listeners (через CSSOM View) теперь можно отслеживать эти изменения для их обработки через скрипт. См. пример Media Query Listeners.
    • HTML5 Forms с возможностью валидации вводимых значений и поддержкой ряда новых атрибутов, описывающих эти возможности

    • Web Workers – позволяют фоновое выполнение скриптов без блокирования UI – см. примеры Web Worker Test262 и Web Worker Fountains (тут также используется поддержка Channel Messaging).
    • асинхронное выполнение скриптов (async) – это как возможность неблокирующей асинхронной загрузки скриптов, так и возможность напротив явно указать, что последовательность динамических загружаемых скриптов должна быть синхронизированна. См. пример Async Scripts.

    • HTML5 Sandbox для изоляции iframe – данный атрибут накладывает существенные ограничения на то, что может происходить внутри вставляемого iframe (например, по умолчанию выключается выполнение скриптов, отправка форм, работа плагинов и т.п. – при необходимости нужные элементы можно разрешать). Как это работает, можно посмотреть в примере HTML 5 Sandbox.
    • Улучшения правил парсинга, описываемые спецификацией HTML5 – теперь вы можете ожидать, что документы будут парситься одинаково во всех совместимых браузерах, даже в случае некорректной разметки.
    • HTML5 Canvas API – Composition Models. Посмотреть, как это работает в разных браузерах можно на примере How Stuff Works:
    • Performance APIs – для повышения (и измерения) производительности, включая поддержку setImmediate, requestAnimationFrame и PageVisibility. См. соответствующие примеры на IETestDrive: setImmediate API, requestAnimationFrame API и Page Visibility API.
    Все эти возможности позволяют сделать еще более красивые и интерактивные приложения, работающие в браузере без необходимости использования плагинов. Также, традиционно, в IE Test Center добавлена новая порция тестов – 270. Наконец, для разработчиков есть подробная инструкция по новым фичам.

    p.s. Ограничения на количество подключаемых CSS-файлов, CSS-правил в них и уровни вложенности существенно расширены: до 65534 правил на файл, до 4095 файлов на документ и до 4095 уровней вложенности. (спасибо TheBits за наводку)
    Microsoft
    486,00
    Microsoft — мировой лидер в области ПО и ИТ-услуг
    Поделиться публикацией

    Комментарии 28

      +3
      Ограничения на количество подключаемых CSS-файлов, CSS-правил в них и уровни вложенности убраны
      Почему убраны, если они только увеличены?
        0
        Сережа, я ссылаюсь на руководство для разработчиков, там написано, что убраны ;)

        In IE10 Platform Preview, this limit has been removed. There is no limit to the number of style sheets you can reference per webpage in IE10 Platform Preview. You are also not limited to how many times you can nest @import rules inside style sheets.


        Если у тебя есть другой источник информации, который можно перепроверить, я поправлю пост.
          +3
          Я думаю в руководстве недописали.
          Eric Lawrence должен быть хорошим источником информации. Или я не понял вопроса про перепроверяемый источник.
            +1
            Спасибо! Эрик — более чем хороший источник ;)
              +1
              Пожалуйста.
          +1
          Многим и такие ограничения покажутся серьёзными, что даст им повод вылить ещё грязи
          0
          Что такое WebForkers?
            0
            fixed
            –3
            Интересно а HTML5 Drag & Drop из системі тоже будет триста раз переспрашивать? И когда уже будет возможность драг-н-дроп из бразуера в ОС?
              0
              Что мне нравиться в мелкомягких это то, как они представляют свои продукты, посмотрев на первую картинку поста можно убедиться в этом, но на деле получаем совсем иной продукт.
              @pepelsbey: Как IE10 PP2 работает с валидацией форм: t.co/AJ7WkDh
                +2
                Посмотрел картинку в посте и по Вашей ссылке — разница вроде только в тексте сообщения и, возможно, в яркости красной обводки поля. Текст, емнип, задается атрибутом, яркость по картинкам сравнивать — дело неблагородное — неизвестно какой постобработке они подвергались, как настроены системы.

                Или я упустил какие-то детали?
                  –5
                  вам слово «Поиск» в картинке ничего не говорит?
                    +6
                    Честно — нет. Я так понимаю разработчик страницы повесил к полю поиска флаг обязательности. Или Вы хотите сказать, что в IE 10 все инпуты стали обязательными?
                    Можете привести html-код формы?
                –10
                А зачем IE вообще обновляют?
                  +3
                  Про text-shadow не забудьте, пожалуйста!
                    0
                    Что нового в IE10 PP2?

                    Стандарты — по мере того, как они взрослеют и переходят в стабильное состояние, мы переходим к их внедрению непосредственно в Internet Explorer (напомню, что сырые стандарты культивируются в html5labs):

                    • CSS3 Positioned Floats — новый модуль в рамках CSS3, добавляющий возможность обтекания контента (например, текста) вокруг вставленных блоков.
                    Вообще-то это как раз пример необычайно сырого стандарта. Черновик датируется 17 мая, плод творчества Microsoft да Adobe, которому ещё и отроду нет двух месяцев; и я как-то и не слыхал о том, поддерживает ли его хоть один ещё крупный браузер, окромя IE.
                      +6
                      (Стандарт, кстати, интересный, просто перечисление повзрослевших стандартов надо было не с него начинать.)
                        +1
                        В черновике понравились варианты обтекания текстом фигур.
                        Особенно в конце пример впечатляющий.
                        Прямо как в полиграфии «можно будет» размещать элементы на странице
                          +4
                          Все стандарты — плод чьего-то творчества. Вас же не пугают стандарты, где в авторах/редакторах числятся эксперты из любых других компаний? У Adobe, кстати, надо признать, опыта в вопросах верстки документов будет поболее, чем у, скажем, Google или Mozilla.

                          И, в конечном счете, имплементация любого стандарта начинается с того, что его кто-то первый реализует ;-) Уверен, что другие крупные браузеры рано или поздно тоже подтянутся.
                          0
                          Еще бы они занялись Usability и целостностью интерфейса в довесок к движку… Сейчас есть целый ряд проблем.
                            +2
                            И еще чтоб он процессор не грузил, как черт знает что…
                              0
                              А что не так с интерфейсом?
                                +1
                                Ну, те вещи, которые раздражают лично меня:
                                — Крайне неудобно сделана история. Лично я ей пользуюсь только в случае «был я на каком-то сайте в прошлую среду». В ie9 во-первых, невозможно посмотреть историю за прошлую среду, только за неделю в куче, а во-вторых, в этой куче найти страницу практически невозможно, она сгруппирована по доменному имени сайта, а запоминается обычно имя конкретной страницы. Ну и смотреть ее в узенькой полоске неудобно, а отдельной страницы нету.
                                — Закрепленные вкладки (вкладки только с фавиконом, без заголовка). Во _всех_ остальных основных браузерах они давно есть.
                                — Расширить область горизонтального перетаскивания вкладки. В тех браузерах, где имеется открепление вкладок (как в ie9), вкладки расположены сверху и не открепляются до тех пор, пока курсор не покинул _панель инструментов_. А в ie открепление происходит, когда курсор покинул _строку вкладок_, что легко происходит случайно. Нужно бы расширить эту полосу хотя бы раза в 3 (добавить по столько же сверху и снизу)
                                — Понейшая несочитаемость внешнего вида панели вкладок/строки адреса и всех остальных панелей. В том смысле что вкладки и панель адреса — цвета серого срекла, а та же панель закладок или поиска — чужеродного голубоватого.
                              0
                              по поводу размера CSS-файла ничего не было сказанно?

                              а вот 4095 уровней/файлов это прикольно — хоть отбавляй :)

                              По крайней мере не ~3 десятка как сейчас в 8рке
                                0
                                Интересно будет узнать время за которое можно будет достучаться к тому CSS файлу #4095 проходя 4095 @import… Кто первый реализует тест? :)
                                  0
                                  Это еще будет зависит сколько строк будет в -4094 файлах.
                                  а если там по 65534 правил то думаю IE согнется намертво под такой тяжестью.
                                  Это ориентировочно несколько десяток мегабайт будет такое весить.
                                    0
                                    Парсер обработает все эти правила быстро. Когда эти правила будут применяться к странице, с такими объёмами любой браузер согнётся намертво.
                                    0
                                    4095 вместе с вложенными. То есть может быть 4095 уровней вложенности по одной таблице на уровень или можно добавить 4094 таблицы и одну сделать вложенной.
                                    Достучаться очень быстро, в IE это, по всей видимости, делается по индексу массива. Тормоза начнутся при наложении CSS на HTML.

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

                                Самое читаемое