我的想法是使用jQuery来计算计算值并将其与预期值进行比较。例如，我可以拥有< h1>这是一个标题< / h1>在理论上，我应该知道它是字体大小，颜色，字体重量等。我可以使用jQuery检查它实际上是font-size，如果没有，返回一个错误。
这样做的优点是，我不必坐在每个浏览器的清单上 – “这个标题是粗体吗？这些链接是否被下划线？这个列是110px宽吗？ – 每次我做一个CSS改变。
我的问题是 – 一个可行的想法？实施类似的主要问题是什么？有没有人做过类似的事情？
编辑：对如何实际渲染错误的任何想法也是欢迎的。我想到在相关页面的标题中使用一个JavaScript文件，然后向页面添加内容，就像Firebug的页面版本一样。但是，我担心可能会影响页面的呈现。或者，我可以将其登录到控制台，但我不认为IE6有一个正确的控制台，并且每个浏览器的每个控制台打开每个页面的测试似乎也有点恼人。
解决方法
你给出的例子不是通常担心的事情的类型，而是主要是定位和框模型的东西。如果我说h1 {color：red}，我觉得IE很有信心在红色。
获得计算的值并不能真正帮助您了解它们的渲染方式，它实际上听起来像整个工作的整体效果要比启动IEtester要好。有了一些经验，您可以快速了解您需要检查跨浏览器兼容性的各种类型，随着浏览器越来越好，越来越少的问题越来越多。
一种可以帮助的技术：在IE中设计。是的，这是肯定的，但你通常会发现，当你在IE7工作，然后测试在FF，IE8或IE6 – 这是非常接近或差异是一个容易的修复相比，测试，说Chrome，然后双检查IE7。我知道“跨浏览器”不仅仅包含IE，而是让我们不要自己; IE浏览器是最常用的问题。
总之：如果有一个工具，它必须是真正令人惊叹的，以防止我检查一个真正的浏览器。我认为这就是为什么人们指向Selenium作为解决方案。
