Dan*_*ows 18 css testing jquery
我知道这个想法以前出现过 - 特别是在这里和这里 - 但似乎没有给出任何解决方案.它在很大程度上被视为"很好但不可能"或"愚蠢的想法".
我的想法是使用jQuery来计算计算值并将它们与预期值进行比较.例如,我可以<h1>This is a header</h1>在理论上,我应该知道它的字体大小,颜色,字体重量等.我可以使用jQuery来检查它实际上是字体大小,如果没有,则返回错误.
这样做的好处是我不必坐在每个浏览器的清单中 - 这个标题是否加粗？这些链接是否加下划线？这列是110px宽吗？ - 每次我改变CSS.
我的问题 - 这是一个可行的想法吗？实现类似的东西有哪些主要问题？以前有人做过这样的事吗？
编辑:欢迎任何关于如何实际渲染错误的想法.我想在相关页面的标题中使用JavaScript文件,然后向页面添加内容,有点像Firebug的页面版本.但是,我担心这可能会影响页面的呈现.或者,我可以将它记录到控制台,但我不认为IE6有一个合适的控制台,每个浏览器的每个控制台打开每个测试页面似乎也有点烦人.
Wes*_*rch 10
即使有办法做到这一点,我仍然觉得需要手动检查.
您提供的示例不是通常需要担心的事物类型,而是主要是定位和盒子模型的东西.如果我说h1{color:red}我对IE中的红色很有信心.
获取计算值实际上并没有帮助找出它们是如何渲染的,它实际上听起来比仅仅启动IEtester更多的工作.凭借一些经验,您可以快速了解检查跨浏览器兼容性所需的类型,并且随着浏览器越来越好,它变得越来越少.
一种可以提供帮助的技术:在IE中进行设计.是的,它肯定很糟糕,但你通常会发现,当你在IE7中使用它然后在FF,IE8或IE6中进行测试时 - 它非常接近或者与Chrome中的测试相比,差异很容易解决,然后加倍检查IE7.我知道"跨浏览器"不仅包含IE,而且还不是自欺欺人; IE是该问题,浏览器和应用最为广泛.
总结:如果有一个这样的工具,它必须是非常惊人的,以防止我在真正的浏览器中检查.我认为这就是人们将Selenium作为解决方案的原因.