用HTML构建Windows Phone 8.1应用程序

上周在建造会议，我们宣布您现在可以使用HTML、CSS和JavaScript为Windows Phone 8.1构建应用程序，使用的技术与您现在构建Windows 8.1应用商店应用程序时使用的技术大致相同。为了帮助您构建这些应用程序，我们对Visual Studio 2013和Blend for Visual Studio 2013进行了许多改进。在这篇文章中，我们重点介绍了一些你可能会发现有用的很酷的新改进，特别关注通用Windows应用程序技术。

通用应用程序

使用Windows 8.1和Windows Phone 8.1的最新更新，您可以使用XAML/C#/C++/VB或HTML/JS为通用Windows运行时创建通用Windows应用程序。实际上，这意味着您可以在Windows 8.1应用商店和Windows Phone 8.1应用程序之间共享大部分或全部代码和资产。要使此共享更容易，请在Visual Studio 2013更新2 RC我们添加了一个名为Universal Apps的新项目类型。通用应用程序提供了一个改进的项目结构，使您可以更容易地在平台之间共享通用代码，同时分离特定于平台的HTML、CSS和JavaScript源代码。

我们提供了三个通用的应用程序项目模板来帮助您开始。

Blank应用程序只包含一些基本功能，让您可以携带自己的资产和代码。Hub/Pivot应用程序为不同容器控件中显示的类似内容提供了一个很好的示例。导航应用程序为您提供了在单页应用程序（SPA）中构建导航所需的基础设施。您可以在上了解有关此类项目的更多信息MSDN公司.

关于通用应用程序，你首先会注意到的是它们的项目结构：

您将看到三个项目节点：一个用于Windows应用商店、Windows Phone和共享。特定于Windows应用商店的代码和内容将驻留在您的Windows应用商店项目中。类似地，特定于Windows Phone的代码和内容将驻留在您的Windows Phone项目中。您的共享项目将包含所有要在应用商店和电话项目中共享的代码和内容。

一旦你创建了你的项目，你可能会想依次专注于为每个平台构建应用程序。上下文切换器位于共享文件顶部的导航栏中，允许您切换当前关注的平台，以确保获得最佳的编码体验，包括仅适用于当前平台上工作的那些API的智能感知：

例如，如果您切换到针对Windows 8.1的编码，Visual Studio将不会向您显示仅适用于Windows Phone 8.1的API。当您的所有目标平台上都不存在API时，Visual Studio会为您标记这些API：

您可以在生成会话之后.

设备面板

Blend的设备面板允许您以不同的方向、分辨率和维度预览应用程序，而无需部署到多个设备。设备面板现在支持手机应用程序。您将在可用显示器列表中看到一组适用于手机的更新设备配置。此外，还有针对Windows Phone的主题和强调颜色的配置。

调试和诊断

Windows应用商店应用程序的所有调试和诊断功能也可用于Windows Phone开发：

对于移动设备来说，一个特别重要的领域是应用程序性能。为了帮助实现这一点UI响应工具和内存分析器可以帮助诊断性能问题。UI响应工具为您显示了应用程序渲染应用程序视觉效果所花费时间的清晰图表。内存分析器使您能够查看内存随时间分配、释放和保留的位置。

清单设计器

定义应用程序外观的一个重要部分是确保视觉资产（如徽标和闪屏）将应用程序与人群区分开来。清单设计器使您可以轻松在应用程序中提供Windows Phone资产。如果您正在创建通用项目，清单设计器允许您为Windows Phone和Windows应用商店应用程序指定可视资产。

从哪里获得

要开始使用通用项目构建支持Windows应用商店和Windows Phone HTML的应用程序，请安装Visual Studio 2013 Update 2 RC。如果您还没有Visual Studio 2013，可以下载带有更新2的Visual Studio Express 2013 for Windows免费。

如果您有任何问题或评论，请随时在下面发表评论或在论坛！

干杯，

约旦和基鲁帕

乔丹·马蒂森(@JMatthiesen公司)和基鲁帕·钦纳塔姆比(@基鲁帕)是Visual Studio中客户端平台团队的程序经理。 当他们都不忙于拍照或编写自己的bios时，他们会花很多时间思考如何为HTML、CSS和JavaScript开发人员提供出色的工具体验。