检测网页上的流体网格

时间:2016-06-04 12:00:00

标签: jquery css responsive-design fluid-layout

有没有办法检测网页是否使用流体网格?以jquery为例。

流体网格定义:http://1stwebdesigner.com/fluid-grid-layout/。例如,Bootstrap的col-md- *是流体网格。

有些网站仍然使用固定列布局,其他网站(响应式网站)使用流体网格,是否有任何聪明的方法可以通过编程方式检测网站中的哪一个?

我的第一个想法是使用jquery来查找宽度都是百分比的兄弟div /部分。你怎么看待这个?

感谢。

1 个答案:

答案 0 :(得分:0)

这并不像这样简单。一个人可能会使用bootstrap,但源代码可能仍然包含一些固定的列。

此外,您应该了解使用流体网格的所有技术。

您可以使用wappalyzer之类的chrome或firefox扩展程序轻松检测网站中使用的技术。但是使用jquery测试所有源代码似乎有点复杂。