Javascript 测试响应性网站的最佳方法

我的任务是创建一个网站（主要使用javascript和JQuery），从网站中读取特定元素（例如导航栏），并对其进行测试，以了解它在不同屏幕大小下的反应

---

我的问题是，这是一个好方法吗？一次测试一个元素，而不是只测试整个页面的响应性？元素对媒体查询更改的反应会不会与周围的其他元素不同，而不是元素本身不同？

通常最好的方法是测试整个页面。但很明显，在某些情况下，元件测试是必要的，甚至禁用某些元件并一起检查其他元件。因此，您将要创建的工具实际上是有意义的；还不够好，tho。但也许你最好使用谷歌Chrome元素检查器和一些“显示：无”-s

---

（旁注：我从来就不需要比这更多的东西。它针对的是典型的引导断点；它可能有12行代码，就像螺丝刀一样复杂。）

如果你想在本机设备上试用它，你应该去看看

您的浏览器有一个扩展，因此您可以在模拟设备上运行本地站点（localhost）

---

30分钟的试用期是免费的，这通常足以进行一些测试。

我将投票给firefox默认响应测试仪。使用Ctrl+Shift+M使firefox屏幕响应

如果您想查看带有名称的尺寸，请使用google chrome，右键单击，检查元素。在那里你会看到一个移动图标。单击该按钮。这将为您提供各种设备的下拉列表