【问题标题】:Detect fluid grids on webpage检测网页上的流体网格
【发布时间】:2016-10-04 10:35:11
【问题描述】:

有什么方法可以检测网页是否使用流体网格?以 jquery 为例。

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

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

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

谢谢。

【问题讨论】:

    标签: jquery css responsive-design fluid-layout


    【解决方案1】:

    事情没有这么简单。可以使用引导程序,但源代码也可能包含一些固定列。

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

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

    【讨论】:

    • 我不认为测试技术是一个好方法,正如你所说,一个人可以使用引导程序但仍然使用固定布局。测试具有百分比宽度的兄弟 div 的存在对我来说似乎更好。
    猜你喜欢
    • 1970-01-01
    • 2012-01-12
    • 2021-07-18
    • 2014-06-22
    • 2020-03-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-15
    • 2012-08-14
    相关资源
    最近更新 更多