【问题标题】:Check if webpage has a responsive navigation检查网页是否有响应式导航
【发布时间】:2016-06-05 21:23:27
【问题描述】:

是否有一种智能方法可以检查网站是否具有响应式导航?响应式导航是指大屏幕上的完整菜单和小屏幕上的小菜单按钮,而完整菜单将通过此按钮切换。

一个例子是这张图片:http://osvaldas.info/incoming/images/blog/style_posts_m/drop-down-navigation-touch-friendly-and-responsive-1.jpg

我想运行一些 jquery 脚本,例如检查网页是否有菜单等。像测试 nav 元素是否具有非常小的宽度之类的东西?你能想到更聪明的东西吗?

【问题讨论】:

  • 人们可以通过多种方式实现响应式设计。所以除非你想寻找一个特定的库,比如 Bootstrap,否则没有通用的方法来检查它。

标签: jquery css responsive-design navigationbar


【解决方案1】:

Google Chrome 与大多数常见的浏览器一样,都有一个叫做 Inspect Element 的东西。右键单击页面,或CTRL+SHIFT+F12

您甚至可以继续点击此按钮:

这里可以模拟设备分辨率:

【讨论】:

  • 我想以编程方式检查响应能力。
  • 那我不认为你可以。理解响应性在很大程度上是纯粹的审美和 HCI 相关的。您无法使用脚本检测到这一点。
猜你喜欢
  • 1970-01-01
  • 2015-07-25
  • 1970-01-01
  • 2014-05-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-20
相关资源
最近更新 更多