如何在所有屏幕分辨率下测试响应式设计?

时间:2016-07-30 02:10:04

标签: responsive-design screen-orientation screen-resolution

我需要根据所有屏幕分辨率测试响应式网站,例如我们可以通过鼠标拖动FireFox或Chrome浏览器大小并调整页面大小但我认为这不是正确的方式

  • 但请分享您的想法

。 还有一些网站通过在所有设备屏幕上检查网站提供相同的设施,但它不值得信赖。

  

我需要知道检查的最佳方法和常规方法是什么   所有屏幕设备的响应式网站?

2 个答案:

答案 0 :(得分:0)

在mozilla firefox的开发者工具中,在右上角部分点击方形图标以启用移动模式。

在此处阅读更多内容,https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

答案 1 :(得分:0)

我最近尝试使用 browsersync ,效果很好。

BrowserSync实际上允许您通过设备网络测试您的站点,并且您在一台设备上执行的操作会立即在其他设备上显示。您在测试时会在浏览器之间镜像滚动,单击,刷新和表单操作。

这里是链接:https://www.browsersync.io/