为什么 ASP.NET 设计器视图不反映标记？

Question

当我尝试在设计视图中加载 ASP.NET 页面而不是通过查看代码或标记时，它看起来一团糟：

它看起来肯定不像标记所说的那样。这与母版页与子页面有关吗？

当我运行该网站时，它会编译并运行，看起来很好，没有任何问题。只是设计视图被搞乱了，所以我根本无法使用 GUI 来修改或更改页面，我只能通过标记视图来做到这一点。

有人遇到过以下问题并对此问题有任何解决方案吗？这在几年前就可以工作，但现在已经有一段时间不能正常工作了，而且我不知道它什么时候“搞砸了”，所以我无法完全追溯到它出错的那一刻。

Answer 1

实际上，当你将 CSS 引入设计中时，表单设计者总是很挣扎。

虽然我喜欢 GUI 设计器，但它在渲染 CSS 方面从来没有做得很好，随着你的技能提高，你当然会更好地使用 CSS，这意味着 GUI 设计器变得越来越差。

您可以在vs2022中尝试新的“实时”预览功能。这将 100% 正确地渲染您所拥有的内容，因为它基于新的 chrome 引擎。

但是，一个大问题是CSS新预览设计器不支持从工具箱拖放。因此，您必须将其拖放到标记中。

此功能是 vs2022 的新功能，它将为 Web 表单带来令人难以置信的渲染和保真度。

该功能可以在这里找到：

工具->选项->Web 表单设计器。

所以，您可以尝试一下实时预览。正如我所说，世界上最好的机会在这里被错过了，因为拖放到这个新预览中实际上是不允许的。因此，这更像是一个“预览”助手，而不是一个“设计”助手。

事实上，我非常怀念使用新实时预览的工具箱拖放功能，因此我切换回了旧版 Web 表单设计器。

此功能是新功能，需要 vs2022。尝试一下，它会正确呈现您的页面，而无需运行网络表单，但如果没有拖放支持，我发现大多数结果都会恢复到旧版设计器。

这表明：

您按 f5 查看页面，对标记进行更改，按 ctrl-s 保存，然后在浏览器页面上按 f5 查看结果。

我还应该注意到，从 vs 17.9.7 开始，这个功能看起来已经被破坏了。

因此，虽然肯定有可能创建一个渲染近乎完美的设计器，但不幸的是，新设计器更多的是预览工具，而不是设计器工具。