Що нового: Microsoft Edge в Windows 10 April 2018 Update

Чергове оновлення Microsoft Edge стало доступно в Windows 10 April 2018 Update ! Воно включає EdgeHTML 17 - останню основну версію движка рендеринга Microsoft Edge, а також нові функції і поточні поліпшення.

Ви можете отримати April 2018 Update вже зараз . Для цього перевірте свій пристрій з Windows 10 на наявність оновлень або, якщо у вас ще немає Windows 10, завантажте безкоштовну віртуальну машину на сайті Microsoft Edge Developer Site . ви також можете безкоштовно протестувати Microsoft Edge в сервісі BrowserStack , Що підтримує швидке ручне і автоматичне хмарне тестування на комп'ютерах з Windows і macOS. У найближчі тижні в сервіс BrowserStack буде додана остаточна версія EdgeHTML 17.

У цій статті ми розглянемо новинки Microsoft Edge для користувачів і нові можливості для розробників сайтів, що з'явилися в EdgeHTML 17.

Покращення браузера: що нового в Microsoft Edge

Ми прагнемо, щоб Інтернет ставав все зручніше для вас з кожною новою версією браузера. Тому ми робимо Microsoft Edge найшвидшим, простим і ефективним простором, де вам комфортно з улюбленими сайтами і веб-додатками. Нижче ви знайдете опис найцікавіших нових можливостей Microsoft Edge.

Відключення звуку на вкладці в один клік

Кожен день ми отримуємо відгуки про те, що важко зрозуміти, з якою веб-сторінки йде звук, особливо якщо відкрито багато вкладок. В оновленні April 2018 Update проблема з відключенням звуку в відео вирішена! Коли ви чуєте небажаний звук в браузері, просто клікніть «На цій вкладці відтворюється файл мультимедіа» (This tab is playing media), щоб вимкнути звук (або знову включити).

Відключення звуку на вкладці в один клік

Наша мета - дати користувачам можливість контролювати автоматичне відтворення контенту на веб-сторінках. Тому ми продовжуємо роботу над функціями, які дозволять обмежити автоматичне відтворення аудіо- та відеозаписів в наступних версіях браузера.

Автоматичне заповнення форми та даних про кредитні картки

Тепер Microsoft Edge може пам'ятати ваше ім'я, дані кредитної картки та іншу інформацію, коли ви виконуєте вхід з обліковим записом Microsoft. З вашого дозволу ми збережемо ваші дані, зазначені при заповненні веб-форм, щоб ви могли заповнювати форми автоматично.

Зручне читання: примітки, інструменти граматики і повний екран

Ми переробили можливості читання і роботи з електронними книгами в Microsoft Edge, додавши нові, узгоджені і більш потужні функції для всіх ваших документів - EPUB, PDF, інших форматів документів і веб-сторінок в режимі читання.

Для підвищення зручності читання використовуються такі елементи системи Fluent Design System, як рух (motion) і прозорість (Acrylic). Вони створюють плавне приємне оформлення і допомагають зосередитися на сторінці.

Тепер при перегляді електронних книг у форматі EPUB і в режимі читання для веб-сайтів ви можете скористатися новою кнопкою Grammar Tools, щоб включити нові засоби для кращого розуміння тексту. Інструменти граматики можуть розбити слова на склади, а також виділити різні частини мови, такі як іменники, дієслова і прикметники.

Щоб ніщо не відволікало вас від читання, будь-які книги, PDF-документи і веб-сторінки в режимі читання можна розгорнути на весь екран. Для переходу в повноекранний режим клікніть подвійну стрілку в панелі читання або натисніть F11 на клавіатурі.

Друк без перешкод

Тепер при друку веб-сторінки ви можете заощадити папір, роздрукувавши тільки потрібний контент. Увімкніть функцію «Друк без перешкод» (Clutter-free printing), щоб надрукувати веб-сторінку без спливаючих вікон та іншої непотрібної інформації.

Покращена підтримка жестів для сенсорної панелі

Тепер Microsoft Edge підтримує настроюються мультисенсорні жести на пристроях з високоточної сенсорною панеллю. Завдяки масштабування і прокручування двома пальцями, ви зможете переглядати карти на підтримуваних веб-сайтах, наприклад Bing Maps , Точно так же, як на сенсорному екрані.

Автономні веб-сайти і push -Повідомлення

Microsoft Edge тепер підтримує нові веб-стандарти, завдяки яким веб-сторінки можуть відправляти push-повідомлення в центр повідомлень, навіть коли браузер закритий. Крім того, тепер браузер дозволяє працювати з деякими веб-сторінками в автономному режимі і прискорює завантаження, використовуючи локально кешированниє дані, коли кеш актуальний або коли зв'язок з Інтернетом погана. Детальніше про ці функції можна прочитати в англомовній статті Service Workers: Going beyond the page .

Нові функції для розширень

Кожен день ми додаємо нові розширення для Microsoft Edge, щоб користувачі могли налаштовувати браузер під свої інтереси, встановлюючи потрібні їм блокувальники реклами, диспетчери паролів і інші інструменти. Щоб спростити пошук потрібних розширень, тепер в Microsoft Edge буде відображатися динамічний список пропонованих розширень в меню «Розширення» (Extensions).

Покращення для всіх

Це був лише загальний огляд нових можливостей Microsoft Edge. Детальніше про нові функції ви можете дізнатися в розділі Microsoft Edge Tips . З повним списком новинок можна ознайомитися в журналі змін Microsoft Edge .

У кожній версії браузера ми вносимо зміни відповідно до ваших відгуками. Після того як ви випробуєте Microsoft Edge з April 2018 Update, ми хочемо знати, що ви про нього думаєте! Щоб відправити нам відгук про ці функції і пропозиції щодо подальшого удосконалення, натисніть «Відгуки і пропозиції» (Send feedback) в меню «...» браузера Microsoft Edge.

Покращення в головному: швидкість роботи і економія енергії

Користувачі Windows найбільше часу проводять за переглядом веб-контенту. Движок Microsoft Edge забезпечує не тільки роботу браузера, а й обробку веб-контенту в додатках Windows і в оболонці Windows в цілому. Тому при підготовці кожного випуску команда Microsoft Edge приділяє основну увагу продуктивності та енергоефективності.

В оновленні April 2018 Update ми представляємо десятки оптимізацій, які поліпшили фактичну щоденну продуктивність і ефективність всіх функцій движка.

Прискорення відгуку на введення

Час відгуку при введенні - важливий фактор, від якого залежить відчуття швидкості браузера навіть при роботі з «важкими» веб-сайтами або при високому навантаженні на операційну систему. В оновленні April 2018 Update ми значно поліпшили швидкість відгуку Microsoft Edge в таких ситуаціях, наприклад при завантаженні системи безліччю одночасно працюючих додатків або фонових завдань.

Це буде особливо помітно користувачам, коли на комп'ютері, крім браузера, запущена гра або працює інший додаток з високим навантаженням на систему. Раніше це могло призводити до затримки введення (наприклад, з клавіатури), іноді досить тривалою.

Завдяки поліпшеному управлінню потоками в оновленні April 2018 Update, введення в Microsoft Edge отримав вищий пріоритет у порівнянні з фоновими завданнями. Тому Microsoft Edge буде набагато швидше реагувати на дії користувача навіть при нестачі вільних ресурсів.

Ми також прискорили відгук на сторінках з високим навантаженням. Коли браузер зайнятий завданнями, які блокують взаємодію з користувачем, ми будемо більш агресивно переривати такі завдання, щоб для користувача введення мав вищий пріоритет.

Прискорення GIF-анімації

Як би ви їх не називали, від «гифок» в Інтернеті нікуди не подітися! У цьому оновленні ми істотно знизили вплив GIF-анімацій на витрату акумулятора вашого пристрою, особливо коли на сторінках багато GIF-об'єктів відразу. Близько 20% сторінок, що завантажуються в Microsoft Edge, містять як мінімум одну «гифку», тому ця оптимізація ще більше продовжить час роботи акумулятора при роботі з новим Microsoft Edge в порівнянні з попередніми версіями і з іншими браузерами.

Ми також оптимізували завантаження веб-сторінок з великою кількістю зображень. Тепер кожна така сторінка завантажується помітно швидше, оскільки браузер відображає на екрані основний контент сторінки, не чекаючи завантаження всіх зображень.

Інтелектуальне використання ресурсів

Багато веб-сторінки безперервно використовують ресурси комп'ютера, навіть коли користувач не звертається до них і коли їх вкладки не активні. Якщо довго тримати відкритими такі сторінки, особливо в багатьох вкладках відразу, це знизить швидкодію і час роботи від акумулятора.

Щоб віддати пріоритет взаємодії з користувачем, Microsoft Edge призупиняє фонові вкладки після того, як користувач протягом якогось часу до них не звертався, кешируєт їх вміст і блокує всю активність процесора на цій вкладці. В результаті продуктивність не падає, а енергоспоживання скорочується, при цьому вплив на роботу користувачів мінімально. Коли користувач відкриває вкладку, вона швидко повертається в активний стан. Дані, отримані нами в програмі попередньої оцінки Windows, показали, що більшість призупинених вкладок повертається в активний стан швидше ніж за півсекунди.

Ми також підвищуємо ефективність роботи з активними вкладками. Якщо сторінка активна, але користувач з нею не взаємодіє (НЕ прокручує, не натискаючи посилання), Microsoft Edge знизить частоту промальовування вкладки для економії енергії, причому це не вплине на відео або 3D-контент на сторінці. Браузер автоматично відновить нормальну частоту (60 Гц), як тільки користувач знову почне взаємодіяти зі сторінкою.

Нові функції розробки для більш ефектних сайтів і веб-додатків

В оновленні April 2018 Update представлений движок EdgeHTML 17. Це наша п'ята основна версія движка рендеринга Microsoft Edge. Даний випуск включає нові потужні можливості розробки веб-сайтів і веб-додатків, в тому числі основу для повнофункціональних PWA-додатків на Windows .

Основа для PWA-додатків

У движку EdgeHTML 17 функція Service Workers і push-повідомлення включені за замовчуванням. Детальніше про ці функції можна дізнатися в статті Service Worker: Going beyond the page . Ці функції доповнюють набір технологій (включаючи Fetch networking, API push-повідомлень і кеша), які утворюють технічну основу для PWA-додатків на Windows 10.

PWA - це веб-додатки, які « прогресивно розширюються », Набуваючи деякі властивості звичайних додатків операційної системи на підтримуваних платформах і браузерних двигунах. До таких властивостей відносяться: установка / запуск з початкового екрана ОС, підтримка автономної роботи і push-повідомлення. На Windows 10 з двигуном Microsoft Edge (EdgeHTML) PWA-додатки користуються додатковою перевагою: вони можуть виконуватися незалежно від вікна браузера, як додатки універсальної платформи Windows .

Крім використання в PWA-додатках (завдяки функції Service Workers і API кешу), розробники можуть перехоплювати мережеві запити і відповідати з кешу. Веб-сайту навіть не потрібно бути повнофункціональним веб-додатком, щоб за допомогою функції Service Worker оптимізувати продуктивність і надійність завантаження сторінок, а також забезпечити до них автономний доступ при нестабільному підключенні до Інтернету.

Дізнайтеся більше про функції Service Workers і про PWA-додатках на Windows 10 в нашій документації про PWA-додатках .

Виразний, ефектне оформлення з варіативними шрифтами

У движку EdgeHTML 17 є повна підтримка варіативних шрифтів (Variable Fonts), включаючи CSS font-variation-settings і font-optical-sizing . За допомогою варіативних шрифтів розробники можуть створювати ефект різних шрифтів на основі одного шрифту, змінюючи параметри по різних осях. Таким чином, відпадає необхідність у великій кількості файлів для різних шрифтів і поліпшується продуктивність.

Дізнайтеся більше про варіативних шрифтах і про те, як їх використовувати на своєму сайті, в нашому керівництві Test Drive: Variable Fonts: An exploration of expressive, performant typography .

Більш потужні розширення

Microsoft Edge тепер підтримує API повідомлень , Що відображає повідомлення з розширень. Розробники розширень можуть створювати різні типи повідомлень (базові, списки, зображення і т.п.) з повною підтримкою взаємодії з користувачами. Повідомлення також автоматично завантажуються в Центр повідомлень. Крім того, EdgeHTML 17 тепер підтримує метод Tabs.reload () як частина класу API для стандартних вкладок.

відвідайте сторінку notifications sample , Щоб дізнатися, як використовувати цей API в своєму розширенні.

Поліпшення спеціальних можливостей за допомогою ролей, станів і подій ARIA 1.1

EdgeHTML 17 включає підтримку ролей, станів і властивостей з специфікації Accessible Rich Internet Applications (WAI-ARIA) 1.1 , включаючи banner , complementary , aria-haspopup , aria-placeholder і багато інших. Детальніше про спеціальні можливості в Microsoft Edge можна дізнатися в статті Accessibility .

Настроюються функції мультисенсорной прокрутки і жестів щодо подій покажчика

На пристроях з високоточної сенсорною панеллю Precision Touch Pad (PTP) Microsoft Edge тепер буде ініціювати події покажчика Pointer Events з типом покажчика «touch» у відповідь на жести c PTP-панелі.

Це дозволить розробникам сайтів забезпечити настроюється мультисенсорне взаємодію користувачів з сучасними пристроями під керуванням Windows, включаючи масштабування стисненням і прокрутку двома пальцями - з такою ж високою ефективністю прокрутки, яку користувачі чекають від пристроїв з PTP-панеллю.

Застосування CSS -Перетворення до елементів SVG

EdgeHTML 17 підтримує застосування CSS-перетворень до елементів і атрибутів подання SVG. Це дозволить наочно маніпулювати елементами SVG, включаючи обертання, масштабування, переміщення, зрушення і перетворення.

Більш потужні інструменти розробника

Додано декілька важливих функцій, в тому числі базова підтримка вилученого налагодження (За допомогою нашого нового протоколу DevTools Protocol ), функції налагодження PWA-додатків , управління кешем з використанням IndexedDB , вертикальне закріплення і багато іншого! Ми також продовжуємо загальний рефакторинг , Розпочатий в минулій версії в рамках постійних інвестицій в продуктивність і надійність.

Детальніше про нові можливості DevTools в Microsoft Edge можна дізнатися в статті DevTools in the latest Windows 10 update (EdgeHTML 17) .

Трансляції з екрану через API Media Capture, без плагінів

Microsoft Edge тепер підтримує функцію захоплення екрану (Screen Capture) в реальному часі за допомогою API Media Capture . За допомогою цієї функції веб-сторінки можуть записувати відтворений на пристрої користувача контент, причому без будь-яких плагінів. Зазвичай це потрібно для трансляцій під час віртуальних зборів або презентацій. Детальніше про API Media Capture в Microsoft Edge ми розповімо в наступних публікаціях нашого блогу.

Покращена веб-безпеку

У EdgeHTML 17 додана підтримка функції Subresource Integrity (SRI). Subresource Integrity - це засіб безпеки, яке дозволяє браузерам перевіряти, що ресурси, які вони отримують (зображення, сценарії, шрифти і т. Д.), Доставляються без непередбачених маніпуляцій.

Ще одна новинка в EdgeHTML 17 - заголовок запиту Upgrade-Insecure-Requests , Який дозволяє браузерам запитувати отримання сайту в захищеному режимі. Цей заголовок повідомляє серверу про те, що браузер підтримує оновлення небезпечних запитів і що користувача слід перенаправити на захищену версію сайту, якщо вона є.

І багато іншого!

Усі численні можливості движка EdgeHTML 17 неможливо описати в одній статті. З повним списком новинок, включаючи повний список нових API, доступних в моделі DOM, можна ознайомитися в керівництві Microsoft Edge Dev Guide for EdgeHTML 17 .

Почніть тестувати EdgeHTML 17 вже сьогодні!

Оновлення April 2018 Update можна отримати двома способами. Якщо у вас включено автоматичне оновлення, то ви отримаєте April 2018 Update відразу, як тільки воно буде готове для вашого пристрою (починаючи з сьогоднішнього дня). Розробники та досвідчені користувачі можуть отримати оновлення вже сьогодні. Про те, як це зробити, можна дізнатися в цій статті .

І прямо сьогодні ви можете почати тестувати EdgeHTML 17 на будь-якому пристрої з допомогою безкоштовних віртуальних машин від Microsoft Edge Dev . А завдяки партнерству з BrowserStack ми можемо запропонувати необмежену віддалене тестування в браузері Microsoft Edge, в ручному і автоматичному режимі. У найближчі тижні движок EdgeHTML 17 буде додано в сервіс BrowserStack.

З кожним новим випуском ми прагнемо розробляти нашу веб-платформу як відкриту. Ми оновили нашу концепцію платформи на сторінці status.microsoftedge.com , Додавши в неї EdgeHTML 17. Пропонуємо вам ознайомитися з нею, чекаємо на ваші відгуки про важливі для вас функції.

З нами можна зв'язатися безпосередньо в Twitter - @MSEdgeDev або через Центр відгуків в Windows. Нам важливо знати вашу думку!

- Кайл Флуг, старший програмний менеджер, Microsoft Edge
- Ліббі МакКормік, розробник, Microsoft Edge