以编程方式更改浏览器窗口大小

时间:2013-09-05 17:15:51

标签: browser responsive-design ui-automation browser-automation

我正在开发一个响应式网站。对于我在javascript,css&中所做的每一项更改html文件,我需要在纵向和横向模式下以所有可能的屏幕尺寸进行测试。通常我们习惯用3到5种不同的浏览器窗口大小来测试它,并且在纵向和景观。我觉得一次又一次地改变屏幕和方向是一项繁琐的工作。所以计划编写一个工具,它将打开不同屏幕尺寸的多个浏览器窗口,并在其中加载给定的URL。任何想法,或建议如何开始这个?

PS。如果您投票赞成删除此问题,请考虑评论一些建议我如何开始,或者是否有任何可用的免费工具。

提前致谢。

2 个答案:

答案 0 :(得分:0)

目前,有许多优秀的工具和服务可以帮助测试网站几乎所有可能的操作系统/浏览器/大小。

BrowserStack.com允许您在几乎所有操作系统/浏览器/大小的组合上提取您的网站,并使用该网站查看元素和功能的执行情况。还有其他许多服务可以做到这一点。

另一种选择是浏览器扩展/插件,如Chrome's Window Resizer。它允许您在常见(和自定义)窗口大小之间快速切换。这是这里三个选项中最多的选项,也是唯一的免费选项。

最后一个选项是Adobe's Edge Inspect。此应用程序允许您将多个设备连接到您的计算机,同时浏览每个设备上的站点。它还允许您在每个连接的设备上进行远程检查。

答案 1 :(得分:0)

像Selenium这样的工具可以驱动浏览器并根据需要调整它们的大小。根据您选择的语言,谷歌搜索:selenium resize browser(您选择的语言)