Microsoft Ignite NZ 25-28 October 2016 SKYCITY, Auckland

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

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.

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.

Introduction Who am I? Scott Low (@_scottlow on Twitter) 5/2/2019 7:47 PM Introduction Who am I? Scott Low (@_scottlow 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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 to @MSEdgeDev or @_scottlow on Twitter See www.github.com/scottlow/Ignite2016 for documentation and code samples Interested in deploying to the Windows Store? Submit a request to https://aka.ms/extension-request 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.

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.