我的任务是创建一个网站（主要使用 javascript 和 JQuery），该网站从网站读取某个元素 - 例如导航栏 - 并测试它以查看它在不同屏幕尺寸下的反应。
我的问题是这是一个好方法吗？一次测试一个元素而不是仅仅测试整个页面的响应能力？元素与周围其他元素（而不是元素本身）对媒体查询更改的反应是否会有所不同？
我将投票给 Firefox 默认响应测试器。使用 Ctrl+Shift+M 使 Firefox 屏幕响应。
如果您想查看带有名称的尺寸，请使用谷歌浏览器，右键单击，检查元素。在那里你会看到一个移动图标。单击该按钮。这将为您提供各种设备的下拉列表。
通常最好的方法是测试整个页面。但显然，在某些情况下，元素测试是必要的，甚至禁用某些元素并一起检查其余元素。因此，您要创建的工具实际上是有意义的；还不够好，不过。但也许你最好使用 Google Chrome 元素检查器和一些“display:none”-s。
（旁注：这是我自己的响应度测试仪，我从来不需要比这更多的东西。它的目标是典型的引导断点；它可能有十二行代码，就像螺丝刀一样复杂。）
如果您想在本机设备上尝试它，您应该查看 www.browserstack.com
您的浏览器有一个扩展，以便您可以在模拟设备上运行本地站点（localhost）。
30 分钟免费试用，通常足以进行一些测试。
有一个名为 screentest.app 的新工具，非常适合测试网站的响应式设计。它基于流行的屏幕分辨率，并且完全免费，无需注册。它可以在整个网站开发过程中使用。我强烈建议使用全高视图以获得最佳体验。