Microsoft Edge и платформа веб приложений в Windows 10 ·...
Transcript of Microsoft Edge и платформа веб приложений в Windows 10 ·...
![Page 1: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/1.jpg)
Константин Кичинский
Эксперт по стратегическим технологиям
Microsoft
Microsoft Edge и платформа веб-приложений в Windows 10
![Page 2: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/2.jpg)
MICROSOFT EDGE
EDGEHTMLCHAKRA
WEB APPSBRIDGE
Новый движок Windows 10Новый браузер
![Page 3: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/3.jpg)
Все меняется
Новый Microsoft
![Page 4: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/4.jpg)
НОВЫЙ
CEO
УМНОЕ
ОБЛАКО
ДЛЯ ВСЕГО
ПЕРЕНОСИМЫЙ
МОБИЛЬНЫЙ
ОПЫТ
НОВЫЙ
ВЗГЛЯД
![Page 5: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/5.jpg)
ПОМОЧЬ
ЛЮДЯМ
ДЕЛАТЬ
БОЛЬШЕ И
ДОСТИГАТЬ
БОЛЬШЕГО
![Page 6: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/6.jpg)
НОВЫЙ
ПОДХОД
ОТКРЫТОСТЬ
И ПРОЗРАЧНОСТЬ
ШИРОКОЕ
ВЗАИМОДЕЙСТВИЕ
ИННОВАЦИИ
И ЭКСПЕРИМЕНТЫ
![Page 7: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/7.jpg)
Новый браузер
Microsoft Edge
![Page 8: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/8.jpg)
![Page 9: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/9.jpg)
![Page 10: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/10.jpg)
…🗟🖊
![Page 11: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/11.jpg)
👇
Чего люди ожидают от браузера?
🏥🚀🔋🗪🎓
![Page 12: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/12.jpg)
Правильное время двигаться дальше!
Тяжкое наследие прошлого
![Page 13: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/13.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
![Page 14: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/14.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
HTML4, ES3, CSS2
!DOCTYPE
QUIRKS STRICT
![Page 15: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/15.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
IE5QUIRKS
IE7COMPATIBILITY
VIEW
IE8STANDARDS
MODE
CSS2.1HTML4, ES3, CSS2
!DOCTYPEx-ua-compatiblecontent="edge"
![Page 16: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/16.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
IE8STANDARDS
MODE
IE9STANDARDS
MODE
CSS2.1HTML4, ES3, CSS2 HTML5, SVG, ES5
!DOCTYPEx-ua-compatiblecontent="edge"
IE5QUIRKS
IE7COMPATIBILITY
VIEW
![Page 17: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/17.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
IE5QUIRKS
IE8STANDARDS
MODE
IE9STANDARDS
MODE
CSS2.1HTML4, ES3, CSS2 HTML5, SVG, ES5
IE7COMPATIBILITY
VIEW
!DOCTYPEx-ua-compatiblecontent="edge"
QMEQuirks Mode
Emulation
IE10STANDARDS
MODE
![Page 18: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/18.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
IE5QUIRKS
IE8STANDARDS
MODE
IE9STANDARDS
MODE
IE7COMPAT.
VIEW
!DOCTYPEx-ua-compatiblecontent="edge"
QMEQuirks Mode
Emulation
IE10STANDARDS
MODE
Legacy WebCSS2.1
Modern WebHTML5, SVG, ES5, CSS3HTML4, ES3, CSS2
EMIEEnterprise Mode
IE11STANDARDS
MODE
![Page 19: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/19.jpg)
👿 АД ВЕБ-РАЗРАБОТЧИКА
В аду плохого веб-разработчиказаставляют проверять свой сайт в каждой версии каждого браузера.
Включая мобильные!
![Page 20: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/20.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
ActiveX (COM/OLE)BHOs (Actions)DX Filters/TransitionsVML VBScriptРежимы документов (IE8)Условные комментарии…
![Page 21: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/21.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
ActiveX (COM/OLE)BHOs (Actions)DX Filters/TransitionsVML VBScriptРежимы документов (IE8)Условные комментарии…
![Page 22: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/22.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
ActiveX (COM/OLE)BHOs (Actions)DX Filters/TransitionsVML VBScriptРежимы документов (IE8)Условные комментарии…
УДАЛЕНО
220k+Уникальных
строчек кода
6 режимов
документов
300+ APIs
![Page 23: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/23.jpg)
Я смотрел, как Джастин Роджерс, один из наших инженеров, нажимает “Enter” на коммит, который форкнет движок. Это займет около 45 минут только на обработку (просто внесение изменений, не сборку!).
Когда все закончилось, в комнате стояла освобождающая тишина.Тогда мы могли только представить, что этот шаг позволит нам
сделать: начать удалять код, любимое состояние катарсиса для каждого разработчика.
Jacob Rossi
![Page 24: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/24.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
БОЛЬШЕ ВЕБ-СТАНДАРТОВБОЛЬШЕ СКОРОСТИБОЛЬШЕ НАДЕЖНОСТИБОЛЬШЕ ПРОДУКТИВНОСТИБОЛЬШЕ ПЕРСОНАЛЬНОСТИБОЛЬШЕ СВЕЖЕСТИ
![Page 25: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/25.jpg)
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
КЛАССНЫЙ
СОВРЕМЕННЫЙ
ПРОРЫВНОЙ
БРАУЗЕР
БОЛЬШЕ ВЕБ-СТАНДАРТОВБОЛЬШЕ СКОРОСТИБОЛЬШЕ НАДЕЖНОСТИБОЛЬШЕ ПРОДУКТИВНОСТИБОЛЬШЕ ПЕРСОНАЛЬНОСТИБОЛЬШЕ СВЕЖЕСТИИ РАСШИРЕНИЯ…
![Page 26: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/26.jpg)
MSHTML
СОВМЕСТИМОСТЬ
СО СТАРЫМИ ВЕРСИЯМИ
И ДРУГИМИ БРАУЗЕРАМИ
Веб, интранет, корпоративный режим
Наследие прошлого: ActiveX, BHO, …
WINDOWS 8 и ранее
![Page 27: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/27.jpg)
Internet Explorer 11: MSHTML
СОВМЕСТИМОСТЬ
СО СТАРЫМИ ВЕРСИЯМИ
Веб, интранет, корпоративный режим
Наследие прошлого: ActiveX, BHO, …
Microsoft Edge: EdgeHTML
СОВМЕСТИМОСТЬ
С ДРУГИМИ БРАУЗЕРАМИ
Постоянно обновляемый движок
Свежий браузер для современных сайтов
Без бинарных расширений (безопасность++)
WINDOWS 10 и далее
![Page 28: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/28.jpg)
Новый движок
EdgeHTML, Chakra
![Page 29: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/29.jpg)
КЛАССНЫЙ
СОВРЕМЕННЫЙ
СОВМЕСТИМЫЙ
БРАУЗЕР
ДОБАВЛЕНО
300k+Уникальных
строчек кода
49 новых больших
возможностей
4200+ исправлений
совместимости
EdgeHTML
![Page 30: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/30.jpg)
Когда просто следовать стандартам не достаточно
Совместимость
с другими браузерами
![Page 31: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/31.jpg)
![Page 32: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/32.jpg)
![Page 33: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/33.jpg)
Совместимость не так проста
Мо
би
льн
ый
веб
![Page 34: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/34.jpg)
Совместимость не так проста
Мо
би
льн
ый
веб
![Page 35: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/35.jpg)
Microsoft Edge (EdgeHTML)
Mozilla/5.0 (Windows NT 10.0;
WOW64) AppleWebKit/537.36
(KHTML, like Gecko)
Chrome/36.0.1985.143
Safari/537.36 Edge/12.0
EdgeHTML
![Page 36: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/36.jpg)
User-Agent String
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/39.0.2171.71 Safari/537.36 Edge/12.0
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)
Version/8.0 Safari/600.1.25
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/40.0.2214.93 Safari/537.36
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
![Page 37: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/37.jpg)
User-Agent String
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/39.0.2171.71 Safari/537.36 Edge/12.0
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)
Version/8.0 Safari/600.1.25
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/40.0.2214.93 Safari/537.36
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
![Page 38: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/38.jpg)
![Page 39: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/39.jpg)
Inte
rop
2
Inte
rop
1
Inte
rop
3
Inte
rop
0
Работало в IE11
Используется на
реальных сайтах
Работает в других
браузерахМы считаем, что
сайты скоро
начнут это
использоватьРеальное
использование не
скоро или никогда
Приоритеты совместимости
Запрос новых
возможностейчерез UserVoice
![Page 40: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/40.jpg)
dev.modern.ie
![Page 41: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/41.jpg)
Новые возможности и обновленияCSS
• @supports
• Flexbox standards update
• dppx unit
• transform-style: preserve-3d
• Filter effects
Storage & networking
• HTTP/2
• Content security policy
• Web Crypto API updates
• HSTS (HTTP Strict Transport
Security
Media & RTC
• Media capture
• HLS
• WebAudio
• Video Tracks
• WAV Audio support
Input & Editing
• Touch events
• Pointer lock API
• Media Queries L4 - Interaction
• Selection API
• Gamepad API
JavaScript
• ES6 Math, Number, String,
RegExp & Object built-ins
• Arrow functions, Enhanced
object literal, Template strings,
Default, Rest, Spread
• Map, Set, Weakmap, __proto__,
Proxies
• Let, Const, Promises, Classes
DOM & Graphics
• SVG foreignobject
• SVG attribute animation
• Complete WebGL support
• DOM event constructors
• DOM Level 3 XPath
Shipped
Preview Release
In development
![Page 42: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/42.jpg)
Chakra
Возможности железаМногопоточность JIT
Многоуровневая компиляция
ОптимизацияРеальные сценарии (минификация)
Встраивание функций
Работа с массивами
Сборка мусора
Asm.js
ES’15 I18N
SIMD
ES’16
![Page 43: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/43.jpg)
Benchmarks
0
20
40
60
80
100
120
140
160
Internet Explorer
11
Microsoft Edge Chrome Canary
43.0.2369.0
Firefox Alpha
40.0a1(04-14)
JetStream
0
5000
10000
15000
20000
25000
Internet Explorer
11
Microsoft Edge Chrome Canary
43.0.2369.0
Firefox Alpha
40.0a1(04-14)
Octane 2.0
![Page 44: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/44.jpg)
about:flags
![Page 45: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/45.jpg)
MSHTML.dll
JSCRIPT9.dll
СОВМЕСТИМОСТЬ
СО СТАРЫМИ ВЕРСИЯМИ
EdgeHTML.dll
Chakra.dll
СОВМЕСТИМОСТЬ
С ДРУГИМИ БРАУЗЕРАМИ
WINDOWS 10 и далее
![Page 46: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/46.jpg)
User Agent
StringИзбавляйтесь от
детектирования
браузера
ТестыСтавьте Windows 10
или используйте
виртуальные
машины
ПожеланияИспользуйте
UserVoice, Twitter,
Connect
![Page 47: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/47.jpg)
Сайты превращаются…
Веб-приложения
![Page 48: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/48.jpg)
VS.
Как люди получают доступ к сервису?
![Page 49: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/49.jpg)
+
Как люди получают доступ к сервису?
![Page 50: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/50.jpg)
VS.
Откуда люди получают доступ к сервисам?
![Page 51: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/51.jpg)
Откуда люди получают доступ к сервисам?
+
![Page 52: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/52.jpg)
Веб-сайтHTML
CSS
JS ОС
![Page 53: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/53.jpg)
Упакованные приложения
Packaged Apps
![Page 54: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/54.jpg)
HTML
CSS
JS
ОС
app
HTA (1999)
Prizm (2007)
CEF (2009)
WinRT + UWP
Electron
NW.js
![Page 55: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/55.jpg)
HTML
CSS
JS
ОС
app
HTA (1999)
Prizm (2007)
CEF (2009)
WinRT + UWP
Electron
NW.js
Windows
FirefoxOS
ChromeOS
…TV
Apache
Cordova
![Page 56: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/56.jpg)
HTML
CSS
JS
ОС
app
HTA (1999)
Prizm (2007)
CEF (2009)
WinRT + UWP
Electron
NW.js
Windows
FirefoxOS
ChromeOS
…TV
Apache
Cordova
![Page 57: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/57.jpg)
Хостящиеся приложения
Hosted Apps
![Page 58: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/58.jpg)
Веб-сайтHTML
CSS
JS ОС
Веб-стандарты
Закрепление сайтов
Расширения
![Page 59: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/59.jpg)
Веб-сайтHTML
CSS
JS ОС
Веб-стандарты
Закрепление сайтов
Расширения
Manifest for Web Appshttp://w3c.github.io/manifest/
![Page 60: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/60.jpg)
W3C Standard
Manifest for Web AppsЕдиное место для описания метаданных, связанных с веб-приложением<link rel="manifest" href="manifest.json">
Спецификацияhttp://w3c.github.io/manifest/
{"name": "Super Web App","short_name": "SuperWA","start_url": "http://www.example.com",
"icons": [{"src": "tiny.png","sizes": "70x70"
},{"src": "square.png","sizes": "150x150"
},{"src": "apple-touch-icon-72x72-precomposed.png","sizes": "72x72"
},{
"src": "niceicon.png","sizes": "128x128"
}],"display": "standalone","orientation": "landscape"
}
![Page 61: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/61.jpg)
Веб-сайтHTML
CSS
JS ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
![Page 62: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/62.jpg)
Веб-сайтHTML
CSS
JS ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
![Page 63: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/63.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 8.1 & Windows Phone 8.1
Web Application Template (WAT)http://wat.codeplex.com/
![Page 64: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/64.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 8.1 & Windows Phone 8.1 + Android
Web Application Template (WAT)http://wat.codeplex.com/
![Page 65: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/65.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 8.1 & Windows Phone 8.1 + Android
Web Application Template (WAT)http://wat.codeplex.com/
WebView
Custom BridgeNative Code
Ограниченный
доступ к WinRT
![Page 66: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/66.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 10
Universal Windows Platform
“Project Westminster”
Безопасный прямой
доступ к WinRTCSP, Manifest Rules
WebView
Native Code Windows APIs
![Page 67: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/67.jpg)
HTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 10 (UWP)
“Project Westminster”
🗓
Windows APIs
if (window.Windows) {
// Create an appointment
Windows.ApplicationModel.Appointments.Appointment();
}
Trip to Barcelona3/25/2015 All Day
Notes: Return to work
Безопасный прямой
доступ к WinRTCSP, Manifest Rules
![Page 68: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/68.jpg)
DEMOХостящееся веб-приложение
![Page 69: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/69.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 10 (UWP)
WebView API
addWebAllowedObjectclearTemporaryWebDataAsync
Безопасный прямой
доступ к WinRTCSP, Manifest Rules
WebView
Native Code Windows APIs
"MSWebViewNewWindowRequested""MSWebViewPermissionRequested"
![Page 70: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/70.jpg)
Я не хочу завязываться на WinRT?
И как же веб-стандарты?
Что если…
![Page 71: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/71.jpg)
Веб-сайтHTML
CSS
JS
.appx
ОС
Manifest for Web Appshttp://w3c.github.io/manifest/
Windows 10
Apache Cordova + UWP
“Project Westminster”
Безопасный прямой
доступ к WinRTCSP, Manifest Rules
Native
Code
Windows
APIs
![Page 72: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/72.jpg)
Текущий процесс для обновления контента
Code
Visual Studio
Notepad++
Brackets
Vim
ATOM
Sublime Text
Emacs
Push
Git
SVN
Visual Studio Online
GitHub
Bitbucket
Gitlab
Host
Amazon WS
Heroku
Parse
Private Cloud
Microsoft Azure
Release
![Page 73: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/73.jpg)
В ОСНОВЕ ВАШ САЙТ
РАСШИРЕНИЕ ОПЫТА
ПРОЦЕСС РАЗРАБОТКИ
Доступ к UWP APIs и нативному коду
в «оболочке»
Практически без изменений
Вы управляете кодом приложения
в любой момент
![Page 74: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/74.jpg)
EdgeHTML.dll Chakra
![Page 75: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/75.jpg)
MICROSOFT EDGE
EDGEHTMLCHAKRA
WEB APPSBRIDGE
Новый движок Windows 10Новый браузер
![Page 76: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/76.jpg)
Развитие веб-платформы
Улучшенная интероперабельностьНовый движок в Microsoft Edge — insider.windows.com
Всегда свежий (4200+ багов совместимости с браузерами исправлено)
Новые возможностиБолее 40 новых веб-стандартов (ECMAScript6, HTTP2, WebGL, …)
Открытый процесс: следите на dev.modern.ie или спрашивайте в @MSEdgeDev
Меньше границ между сайтами и приложениямиРазрешить хостящимся веб-приложениям доступ к Universal APIs
Улучшения в WebView и инструментах для Cordova
![Page 77: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/77.jpg)
RoadMap
Windows 10 как сервис3млн.+ Windows Insiders
Запуск Windows 10 RTM – летом 2015
1млрд. устройств через 2-3 года
Microsoft EdgeНезависимое регулярное обновление
После RTM Windows 10: Расширения
Дополнительные сценарии с Cortana
Object RTC, Pointer lock
Новые технологии
![Page 78: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/78.jpg)
Константин КичинскийЭксперт по стратегическим технологиям, Microsoft
@kichinsky, [email protected]
Microsoft Edge и платформа
веб-приложений в Windows 10
![Page 79: Microsoft Edge и платформа веб приложений в Windows 10 · Константин Кичинский Эксперт по стратегическим технологиям](https://reader030.fdocuments.us/reader030/viewer/2022040207/5e0cd7ce16703823e9050186/html5/thumbnails/79.jpg)
©2015 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or
trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this
presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee
the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN
THIS PRESENTATION.