5、Windows 8 开发全攻略：工具、样式与发布指南

Windows 8 开发全攻略：工具、样式与发布指南

1. DOM 探索器与调试

在开发 Windows 8 应用时，DOM 探索器是一个强大的工具。在图 2 - 9 中，DOM 上方有一个“Select Element”按钮，点击该按钮后，应用会获得焦点（显示在 Visual Studio 前面），此时你可以选择感兴趣的元素，会有一条细蓝线辅助你完成选择。

DOM 探索器的右窗格（如图 2 - 11 所示）提供了五个面板，每个面板都能让我们深入了解左侧高亮显示的元素。
| 面板名称 | 功能描述 |
| ---- | ---- |
| Styles | 按样式表来源列出当前应用于所选元素的所有样式 |
| Trace Styles | 按 CSS 属性列出当前应用于所选元素的所有样式，此面板更实用 |
| Layout | 显示盒模型 |
| Attributes | 允许为所选元素添加 HTML 属性 |
| Events | 显示与所选元素关联的任何 JavaScript 事件 |

调试是 Visual Studio 的强大功能之一，可逐行执行整个执行周期，在应用运行时观察甚至修改值。运行应用进行调试时，标准工具栏上的“Debug Target”选择框（如图 2 - 12 所示）提供了几种选择：
- 本地机器：这是最快速和简单的调试方式。
- 远程机器：当你需要在其他机器上调试时选择。
- 模拟器：可模拟触摸、地理位置、屏幕大小和分辨率等功能和环境条件。

2. Blend 工具

Blend 是随 Visual Studio 2012