google-chrome - Chrome 扩展的替代方案 "Window Resizer"

标签 google-chrome google-chrome-extension resize responsive-design

鉴于recent controversy (Dec 2013)通过名为“Window Resizer”的 Chrome 扩展,有哪些替代解决方案可以快速调整 Chrome 浏览器的大小以进行响应式开发测试?

最佳答案

测试响应式设计的另一个 native 解决方案是使用内置的 Chrome 开发人员工具。选择“工具”->“开发者工具”,然后单击弹出窗口右下角的齿轮图标。单击“启用”,然后单击“设备指标”,您可以指定要复制的任何分辨率。

此外,通过更改该屏幕上的“用户代理”,Chrome 还会为所选设备设置设备指标,这在决定更受欢迎的设备的响应断点应位于何处时可能会派上用场。

这不像双击扩展那么容易,但它的优点是成为无扩展解决方案,并且还使用实际设备的精确屏幕测量。

关于google-chrome - Chrome 扩展的替代方案 "Window Resizer",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20775775/

相关文章:

javascript - Chrome 扩展 : how to pass ArrayBuffer or Blob from content script to the background without losing its type?

resize - ID3D11On12Device::AcquireWrappedResources() 中的额外交换链缓冲区引用

jquery - 不可预测的访问控制允许来源行为

css - Chrome + CSS3 转换 + BG 图像问题

javascript - 注入(inject)CSS时立竿见影

javascript - Chrome 扩展 : Cannot access contents of URL starting with "chrome-extension://"

jquery - 保持图像居中,同时它会根据浏览器大小按 % 更改大小?

css - 在没有 JS 的情况下在溢出的 div 中调整表的大小

javascript - 网站停止使用 Chrome 版本 32

bash - 测试服务器和客户端