问题
所以我们有一个相当大的项目，其中包含许多不同的局部 View 和客户端数据绑定(bind)框架(在我们的例子中是 Knockout.js)。
问题较多的部分之一是，越来越难确定哪个局部 View 正在呈现我在页面上看到的元素。
所以我需要调试这个特定的 DIV。好的，我在哪里可以找到它？
通常我会尝试在该元素附近找到一个非常具体的类或 ID，然后在整个平台上进行搜索——远非理想。
问题
所以我在考虑以下问题；用生成它们的源文件标记所有元素(在 Debug模式下)。
现在我正在考虑像预编译器这样的东西，它可以为每个元素添加一个 data-source=""。我可能会引用字典中的 ID 以防止重复所有长文件名。
在我重新发明轮子之前:
- 是否已经有类似的东西了？
- 有更好的选择吗？
我们使用的是 ASP.NET MVC，但任何关于其他平台如何做到这一点的提示也很完美。
最佳答案
如果您使用的是 Visual Studio，我强烈推荐 Web Essentials扩大。在众多强大的功能中，它有一个名为“Inspect Mode”的功能，它是更大的“浏览器链接”功能的一部分，它正是您要寻找的；它标识特定 DOM 元素来自的文件。如果该选项对您开放，可能值得一试。
关于html - 使用源文件标记 HTML 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37640566/