TechEd 2013 12/7/2018 9:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.

Slides:



Advertisements
Similar presentations
DeviceProfileTime MoneyData It is the user’s:
Advertisements

Msdevcon.ru#msdevcon. ИЗ ПЕРВЫХ РУК: ДИАГНОСТИКА ПРИЛОЖЕНИЙ С ПОМОЩЮ ИНСТРУМЕНТОВ VISUAL STUDIO 2012 MAXIM GOLDIN Senior Developer, Microsoft.
ActionHTTP VerbURL Suffix CreatePOST/tasks RetrieveGET/tasks?$filter=id%3D42 UpdatePATCH/tasks/id Delete /tasks/id
No Mixed Mode Debugging Support Use Multiple Instances Instead Launch the app under the script debugger Attach with the native debugger from.
Msdevcon.ru#msdevcon. ИЗ ПЕРВЫХ РУК: КАК СДЕЛАТЬ ВАШ КОД БЫСТРЫМ ПРОФАЙЛИНГ КЛИЕНТСКИХ И СЕРВЕРНЫХ ПРИЛОЖЕНИЙ В VISUAL STUDIO 2012 MAXIM GOLDIN Senior.
New Database Existing Database Designer Centric Code Centric Database First Reverse engineer model in EF Designer Classes auto-generated from.
TechEd /11/2018 6:16 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Modern Application Lifecycle Management
TechEd /1/2018 7:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
6/5/2018 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks.
WebView: Bringing the web to your app
TechEd /26/2018 3:42 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Build /4/2018 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Windows Azure Jason Olson, Program Manager 4-142
8/3/2018 7:11 AM © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
TechEd /9/ :26 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Manual testing of Windows Metro style apps built using HTML
TechEd /14/2018 6:05 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
Design Guidance for Windows Store Line-of-Business Apps
TechEd /14/2018 6:26 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
0 to 60: Developing Apps for Microsoft Office 2013
TechEd /19/ :10 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /21/2018 3:13 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /21/2018 5:20 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /23/ :44 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /24/2018 5:46 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
Visual Studio 2013 for web developers
TechEd /3/2018 8:11 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
TechEd /4/2018 3:19 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Using Windows Runtime and SDK to build Metro style apps
TechEd /6/2018 8:16 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Windows Azure Web Sites & On-Premises Connectivity
TechEd /9/2018 4:17 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Quality & Performance for XAML Apps
TechEd /11/ :44 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /11/ :21 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /11/ :54 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /15/2019 8:08 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Windows Phone: Developer Best Practices and How to Maximize Performance
TechEd /18/ :08 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /18/2019 2:43 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Building Awesome Metro style HTML apps in Blend
TechEd /23/2019 7:16 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Windows Azure Web Sites & On-Premises Connectivity
TechEd /27/ :51 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
Pushing Data to and from the Cloud with SQL Azure Data Sync
Using Windows Runtime and SDK to build Metro style apps
TechEd /3/ :48 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
TechEd /4/2019 3:19 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Build /10/2019 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
TechEd /7/2019 1:14 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Design Guidance for Windows Store Line-of-Business Apps
What's New in Visual Studio & Blend for XAML Developers
TechEd /11/ :25 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /23/2019 9:23 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Service Template Creation from the Ground Up
Build /4/ Diagnosing issues with Windows Phone 8.1 JavaScript apps using Visual Studio Andy Sterland Senior Program
TechEd /27/2019 5:37 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
TechEd /5/2019 4:36 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Build /20/2019 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
Cloud-powered Load Testing with Team Foundation Service
7/5/2019 © 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks.
TechEd /7/2019 1:38 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
TechEd /12/ :12 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
TechEd /30/2019 7:18 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
What’s New in the Visual Studio 2013 IDE
Getting Started with Team Foundation Service
TechEd /5/2019 2:08 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
What’s New in Visual Studio 2012 for Web Developers
TechEd /21/2019 9:49 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
Presentation transcript:

TechEd 2013 12/7/2018 9:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

12/7/2018 9:56 AM DEV-B313 Diagnostic Tips and Tricks for JavaScript Windows Store Applications using Visual Studio Larry Guger © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Agenda Debugging Tools Performance Tools 12/7/2018 9:56 AM Agenda Debugging Tools Script and Native debugging simultaneously Contract debugging Debugging background tasks Debugging installed applications without a Visual Studio project Performance Tools HTML UI Responsiveness tool JavaScript profiler JavaScript Memory Analyzer © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Session Objectives And Takeaways 12/7/2018 9:56 AM Session Objectives And Takeaways Session Objectives: Understand how to complete debugging scenarios for JavaScript Windows Store Apps Understand the tools available for diagnosing performance issues in JavaScript Windows Store Apps Multiple tools are available for JavaScript Windows Store Apps Additional diagnostic tools are available in the Visual Studio 2012 quarterly updates © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Debugging tools

I have options for “Native Only” and “Script Only” debugging I have options for “Native Only” and “Script Only” debugging. What if I want to do both?

Demo Debugging Native and JavaScript

Debugging Native and JavaScript No Mixed Mode Debugging Support Use Multiple Instances Instead Launch the app under the script debugger Attach with the native debugger from a second instance of VS Visual Studio naturally gives focus to the correct instance Cannot Debug JavaScript when stopped in the native debugger

Contract Debugging Windows 8 contracts provide a new entry point for applications It’s not the same code as just launching under the debugger Simply attaching is not quick enough as you may have missed the code that you wanted to debug

Demo Contract Debugging

Contract Debugging Configure the app to debug without launch in the project properties F5 the app Invoke your application manually through the contract

Background Tasks Your app can register to run background tasks when certain events happen Some background tasks are straight forward to test and debug because you can trigger them manually Others can be a much bigger pain Like a maintenance trigger that fires after 8 hours

Demo Background Task Debugging

Background Tasks Trigger background tasks from the Debug Location Toolbar Can trigger tasks on apps that are not running Set them to debug without launching first Can trigger tasks that do not require a payload

No Projects There are several reasons why you may not have a VS project, but still want to debug Permissions Convenience Normally build/deploy outside of VS Attach to process is a pain for WWAs Especially if you need to debug startup code!

Demo Debugging without a Project

No Projects Use the “Debug Installed App Package Feature” Works both local and remote Can automatically stop at the first line of JavaScript Code

Performance tools

HTML UI Responsiveness tool Shows work being done by subsystems of Internet Explorer related to UI Helps to identify app startup performance and low frames per second caused by Content loading Layouts/CSS calculation Script execution/garbage collection Network latency Overdrawing Being added in VS 2012 Update #2 First public availability in Update #2 CTP3

Demo HTML UI Responsiveness Tool

Visual Studio JavaScript profiler Instrumentation-based profiling Records how long every method takes to execute Records exact counts of method calls Only shows JavaScript execution time Does not show work done by other systems (e.g., rendering or layout)

Profiler terminology Inclusive time: The total amount of time from when the function was entered until the function exited Includes the total time spent in all child functions Exclusive time: The amount of time spent executing code in just the function body Does NOT include time spent in child functions

Inclusive and exclusive time function Alpha() { Beta(); } function Beta() 30 ms Exclusive Inclusive Alpha Beta 30 80 50 50 50 ms

Demo Visual Studio JavaScript Profiler

Performance Analyzer for HTML5 Apps Walks you through testing your application Generates a report measuring 13 tenets of performance Installs with the Windows 8 SDK Activation time Memory leaks UI responsiveness Idle state CPU usage Layout passes Successful suspend Synchronous XMLHttpRequest on UI thread Memory reduction when suspended Image scaling App memory growth Memory footprint Runtime broker memory growth Runtime broker memory reference set

Demo Performance Analyzer for HTML5 Apps

JavaScript Memory Profiler Identify unintentionally retained memory and inefficient use of memory Snapshot-based tool Shows JavaScript and DOM elements Size Counts Reference graph

Memory terminology Size: How large the object is in memory Retained Size: The amount of memory that the object is preventing the garbage collector from reclaiming Includes the size of the object Includes the size of all referenced objects (and any objects they reference) that the current object is the only parent of in the memory graph

Size and retained size Object A (100 KB) Object A (100 KB) Object C (50 KB) Object B (500 KB) Object B (500 KB) Object D (100 KB) Size Retained Size Object A Object B Object C Object D 100 KB 600 KB 600 KB 500 KB 500 KB 50 KB 50 KB 100 KB 100 KB

Demo JavaScript Memory Profiler

Questions?

In Review: Session Objectives And Takeaways Understand advanced debugging techniques for JavaScript Windows Store Apps Understand the tools available for diagnosing performance issues in JavaScript Windows Store Apps Multiple tools are available for JavaScript Windows Store Apps Additional diagnostic tools are available in the Visual Studio 2012 quarterly updates

Related Content Breakout Sessions/Chalk Talks Webcasts Documentation DEV207 JavaScript: The Developer Experience Webcasts //build/ 3-008: Diagnosing performance and memory issues in JavaScript based Windows Store Apps: http://channel9.msdn.com/Events/Build/2012/3-008R Documentation Visual Studio Profiler: http://msdn.microsoft.com/en-us/windows/apps/hh696637.aspx JavaScript Memory Analyzer: http://msdn.microsoft.com/en-us/library/windows/apps/jj819177.aspx Related Content HTML5 Performance Analyzer: http://msdn.microsoft.com/en-us/library/windows/apps/jj553524.aspx

Plan details and subscriber benefits 12/7/2018 9:56 AM Plan details and subscriber benefits Free Plan for up to 5 users Included for certain paid MSDN subscribers: Version control (TFVC or Git) Comment on changesets & commits Work item tracking and tagging Team rooms Agile planning tools Feedback Management Agile Portfolio Management* Build* Web-based test case management* Load testing* New! Additional information at http://tfs.visualstudio.com * Capability in preview – limits may apply. Authoring load tests requires Visual Studio Ultimate 2013 Preview. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Learn more and activate today at http://aka.ms/AzureContest MSDN Subscribers – Accelerate Your Development & Test using Cloud VMs We’ve enhanced the Windows Azure MSDN benefit and added cloud use rights for select MSDN software. You’ve already got it, now use it!  Activate and try out your Windows Azure MSDN benefit today & you could win an Aston Martin V8 Vantage! Learn more and activate today at http://aka.ms/AzureContest

Resources Learning TechNet msdn http://channel9.msdn.com/Events/TechEd 12/7/2018 9:56 AM Resources Learning Sessions on Demand http://channel9.msdn.com/Events/TechEd Microsoft Certification & Training Resources www.microsoft.com/learning TechNet msdn Resources for IT Professionals http://microsoft.com/technet Resources for Developers http://microsoft.com/msdn © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Evaluate this session Scan this QR code to evaluate this session. 12/7/2018 9:56 AM Required Slide *delete this box when your slide is finalized Your MS Tag will be inserted here during the final scrub. Evaluate this session Scan this QR code to evaluate this session. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

12/7/2018 9:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows 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. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.