你知道，当你创建一个 Web 应用程序时，你可以在浏览器中按 F12 并能够即时编辑样式表、删除 dom 元素等内容。
这有助于在开发 UI 时快速周转。真正的节省时间！
否则，有很多编译、部署和单击以到达您要测试的区域。如果您正在测试的区域处于工作流程的末尾，那么痛苦就更大了。当您只想更改字体大小以使其看起来“更好”时，我发现这样做非常耗时。
有没有类似WinRT环境下的工具？这只是移动应用程序开发的本质，还是有一些东西（无论平台如何）允许您即时编辑 UI？
问问题
61 次
1 回答
1
是的，您有多种选择。
首先，与 Visual Studio Express for Windows 一起安装的 Blend for Visual Studio 是一个很棒的样式工具。它与 VS 共享相同的项目结构，因此您可以同时运行两者。实际上，在 VS 中，在解决方案资源管理器中右键单击一个项目，选择在 Blend 中打开，就可以了。
Blend 实际加载应用程序并执行 JS 代码，因此所有动态创建的元素也都已到位。它还具有交互模式，可让您进入正在运行的应用程序，根据需要导航和设置状态，然后退出该模式并进行样式设置。更多信息，我的书中有一段视频（第一版|第二版预览），展示了 Blend 的基础知识——你可以专门去这里查看第二版的视频 2-2 和 5-3）。第 2 章在正文中也做了一些介绍。
其他两个选项在 Visual Studio 本身中。
首先，当应用程序运行时，有一个命令 Debug > Refresh Windows Apps (F4)，它将重新加载 HTML 和 CSS 而无需重新启动应用程序。出于您提到的原因，我使用它来重新加载更改。同样的命令位于暂停/停止/重新启动按钮右侧的工具栏上。
其次，一个正在运行的应用程序将在调试器中有一个 DOM Explorer 窗格。如果您没有看到它，请使用 Debug > Windows > DOM Explorer 命令打开它。在该窗格中，您可以导航 DOM 树（就像在 Blend 的 Live DOM 窗格中一样）并找到您关心的元素，或者您可以使用 DOM Explorer 中最左侧的按钮直接在应用程序中选择和元素。
在 DOM 浏览器的右侧，您可以看到 Styles、Trace、Computed、Layout 和 Events 选项卡。您可以直接在样式窗格中进行更改，它们会立即应用。事实上，我一直使用它来尝试一些东西。
我的书中也有一个 2 分钟的视频，请参见此处。一些文档在http://msdn.microsoft.com/en-us/windows/apps/hh696632上。
于 2013-11-15T17:08:45.130 回答