Running on Windows Phone
by Mike Snell, Lars Powers
Microsoft Visual Studio 2015 Unleashed, Third Edition
- About This eBook
- Title Page
- Copyright Page
- Contents at a Glance
- Table of Contents
- About the Authors
- Dedication
- Acknowledgments
- We Want to Hear from You!
- Reader Services
- Introduction
- Part I: Introducing Visual Studio 2015
- Chapter 1. A Quick Tour of Visual Studio 2015
- Chapter 2. The Visual Studio IDE
- Chapter 3. The .NET Languages
- What’s New in C# 6.0 and VB 14
- Language Primer
- Language Features
- Infer a Variable’s Data Type Based on Assignment
- Create an Object and Initialize Its Values (Object Initializers)
- Define a Collection and Initialize Its Values
- Creating an Instance of a Nonexistent Class
- Add Methods to Existing Classes (Extension Methods)
- Add Business Logic to Generated Code (Partial Methods)
- Access and Query Data Using the .NET Languages
- Write Simple Unnamed Functions Within Your Code (Lambda Expressions)
- Splitting an Assembly Across Multiple Files
- Working with XML Directly Within Your Code (VB Only)
- Removing Unused Arguments from Event Handlers (VB Only)
- Creating an Automatically Implemented Property
- Dropping the Underscore in VB for Line Continuation
- Working with Dynamic Languages/Objects
- Covariance and Contravariance
- Asynchronous Programming
- The .NET Framework
- Summary
- Part II: An In-Depth Look at the IDE
- Chapter 4. Solutions and Projects
- Chapter 5. Browsers and Explorers
- Chapter 6. Introducing the Editors and Designers
- Part III: Working with the Visual Studio Tools
- Chapter 7. Working with Visual Studio’s Productivity Aids
- Chapter 8. Testing Code
- Chapter 9. Refactoring Code
- Chapter 10. Debugging Code
- Chapter 11. Deploying Code
- Chapter 12. Developing Applications in the Cloud with Windows Azure
- Chapter 13. Working with Databases
- Part IV: Extending Visual Studio
- Part V: Building Web Applications
- Chapter 17. Building Modern Websites with ASP.NET 5
- Chapter 18. Using JavaScript and Client-Side Frameworks
- Chapter 19. Building and Consuming Services with Web API and WCF
- Part VI: Building Windows Client Apps
- Chapter 20. Building Windows Forms Applications
- Chapter 21. Building WPF Applications
- Chapter 22. Developing Office Business Applications
- Part VII: Creating Mobile Apps
- Chapter 23. Developing Windows Store Applications
- Chapter 24. Creating Windows Phone Applications
- Chapter 25. Writing Cross-Platform Mobile Applications with Apache Cordova
- Index
- Code Snippets
Running on Windows Phone
The application created to this point runs fine inside the iOS and Android simulators and emulators. However, you will get an error if you try to run it on Windows Phone. This is because frameworks such as AngularJS, EmberJS, and KnockoutJS (among others) use properties of JavaScript that Microsoft has flagged as unsafe because they can cause common security issues (properties such as innerHTML and outerHTML). Thankfully, there is a fix.
The Microsoft Open Technologies (MS Open Tech) group has released a JavaScript shim called the Dynamic Content shim for Windows Store apps. It is a JavaScript file you run to mitigate the errors when using client-side scripts. The shim still achieves the fundamental goal set by the security model, but it allows your client side framework code to run.
The following walks you through using this shim.
1. Start by downloading the shim from the Git repository. It is a single file called winstore-jscompat.js. You can download it from the following URL:
https://github.com/MSOpenTech/winstore-jscompat.git
2. Open your project in Visual Studio. Copy the winstore-jscompat.js file into the scripts/lib directory.
3. Open the index.html file from the root of your project. Add a <script> tag near the top of the file (inside the <head> tag) before any other .js scripts are executed. This <script> tag should look like this.
<!-- dynamic content shim for Windows Store apps -->
<script src="scripts/lib/winstore-jscompat.js"></script>
You should now be able to run your application on a Windows Phone emulator or an actual device. Figure 25.21 shows the application running on a Windows Phone emulator.
FIGURE 25.21 Use the winstore-jscompat.js shim to run your AngularJS (and related frameworks) on a Windows Phone.
At the time of writing, Ionic mentions that Windows Phone is on its roadmap. Most of it works. (It is just HTML5 and JavaScript.) However, Ionic does not currently support Windows Phone. This should change in the near future (and likely has already since this book was written). Therefore, you might run into anomalies with their controls. You can work through most of these.
-
No Comment