Чергове оновлення 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, інших форматів документів та веб-сторінок у режимі читання.

Тепер під час перегляду електронних книг у форматі 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» у відповідь на жести з 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.

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

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

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

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

Інші новини