1. Microsoft Ignite NZ
25-28 October 2016
SKYCITY, Auckland

2. Building, Testing and Deploying a Browser Extension in Microsoft Edge
Scott Low
@_scottlow

3. Agenda Introduction Roadmap The Journey of an Extension Developer
5/2/2019 7:47 PM
Agenda
Introduction
Roadmap
The Journey of an Extension Developer
Building an extension in Chrome
Porting an extension to Edge
Using F12 to debug an extension
Testing extensions with Microsoft WebDriver
Packaging and deploying an extension
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. 5/2/2019 7:47 PM
Introduction
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. Introduction Who am I? Scott Low (@_scottlow on Twitter)
5/2/2019 7:47 PM
Introduction Who am I?
Scott Low on Twitter)
PM for the Web Platform Team (WPT)
Helping to bring extensions to Edge!
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. 13 extensions available in Windows Store
5/2/2019 7:47 PM
Introduction In the Anniversary Update, we worked closely with partners to deliver 13 top extensions to users
194 Edge extension APIs
13 extensions available in Windows Store
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. 5/2/2019 7:47 PM
Roadmap There are plenty of new features to get excited about in our next release
New APIs
Improved testability
More top extensions
Improved developer experience
Better reliability and performance
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Improved developer experience
5/2/2019 7:47 PM
Roadmap There are plenty of new features to get excited about in our next release
New APIs
Improved testability
More top extensions
Improved developer experience
Better reliability and performance
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. The Journey of an Extension Developer
5/2/2019 7:47 PM
The Journey of an Extension Developer
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. 5/2/2019 7:47 PM
A Recap on Extension Architecture There are three extension contexts that can communicate with each other via messaging APIs
Extension Package
Manifest.json
Background page
Content scripts
UI pages
Communication is achieved with two runtime APIs:
browser.runtime.sendMessage()
browser.runtime.onMessage()
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. The Journey of an Extension Developer Let’s see some code!
5/2/2019 7:47 PM
The Journey of an Extension Developer Let’s see some code!
Microsoft Edge’s extension APIs were designed to be interoperable with Chrome’s
Let’s start there and see what it takes to port an extension to Edge!
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. Porting an Extension to Edge
5/2/2019 7:47 PM
Porting an Extension to Edge
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

13. Loading an Extension with Microsoft WebDriver
5/2/2019 7:47 PM
Loading an Extension with Microsoft WebDriver
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Packaging and Deploying an Extension
5/2/2019 7:47 PM
Packaging and Deploying an Extension
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. 5/2/2019 7:47 PM
Q&A Thanks for coming out to learn about Edge Extensions! Any questions?
Forget to ask something today? Feel free to reach out on Twitter
See for documentation and code samples
Interested in deploying to the Windows Store?
Submit a request to to be considered for a future update!
Deploying internally?
Extension AppXs can be distributed using the same channels used to deploy regular AppXs
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. 5/2/2019 7:47 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.