我的任务是创建一个网站（主要使用javascript和JQuery），该网站从网站读取某个元素 - 例如导航栏 - 并测试它以查看它在不同屏幕尺寸下的反应。
我的问题是，这是一个好方法吗？一次测试一个元素而不是仅测试整个页面的响应性？元素不会对媒体查询更改与其周围的其他元素做出不同的反应，而不是单独的元素吗？
答案 0 :(得分：0)
通常，好的方法是测试整个页面。但显然有些情况下需要进行元素测试，甚至禁用某些元素测试，并检查其余元素。因此，您即将创建的工具实际上是有意义的;不够好，所以。但也许你最好使用Google Chrome元素检查器和一些“display：none”-s。
（旁注：this is my own responsivity tester我从来不需要太多。它针对典型的自举断点;它可能有十二行代码，它和螺丝刀一样复杂。）
答案 1 :(得分：0)
如果您想在原生设备上试用，请查看www.browserstack.com
您的浏览器有一个扩展程序，以便您可以在模拟设备上运行本地站点（localhost）。
30分钟的试用是免费的，这通常足以进行一些测试。
答案 2 :(得分：0)
我的投票将是firefox默认的响应测试程序。使用Ctrl + Shift + M使firefox屏幕响应。
如果您想查看带名称的尺寸，请使用Google Chrome，右键单击，检查元素。在那里你会看到一个移动图标。点击它。这将为您提供各种设备的下拉列表。