jquery - 检查网页是否有响应式导航

标签 jquery css responsive-design navigationbar

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

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

我想运行一些 jquery 脚本来检查网页是否有菜单。比如测试 nav 元素的宽度是否真的很小?你能想到更聪明的东西吗?

最佳答案

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

Inspect Element

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

Toggle

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

Simulate Resolutions

关于jquery - 检查网页是否有响应式导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37646913/

相关文章:

javascript - Chrome 和 IE 专注于 Iframe

javascript - SharePoint 2013 列表 - 项目上的工具提示

html - 在 Rails 中丢失图像 src

javascript - D3 中的文本换行

css - Bootstrap 响应式切割页脚背景

javascript - jQuery 拖放 DIV 选择图像和文本

javascript - 如何拦截自动提交表单?

html - 如何让图片水平显示

css - 在现有的 css 文件中添加 .hidden-phone 以隐藏背景图像

css - Bootstrap 3 - 用于响应式设计和高分辨率移动的网格断点