伪造最大设备宽度

rop*_*opo 15 javascript css browser plugins mobile-website

要实现移动网站,在我的浏览器中设置max-device-width会很有用.我知道插件可以伪造用户代理.这对于max-device-width也是可能的吗?我更喜欢使用常规浏览器,如Firefox,IE,Opera,...而不是所有类型的移动浏览器模拟器,甚至不同的智能手机.

谢谢,Ropo

was*_*abi 15

Chrome允许您设置设备指标,这些指标用于设备宽度的媒体查询计算.要执行此操作,请打开"开发人员工具",单击右下角的齿轮图标,然后转到"替代"选项卡.

编辑2014年1月17日:Chrome现在有一个Emulation选项卡,可以在Developer Tools中与Console一起找到.


Phi*_*lev 5

在常见情况下,桌面浏览器可用于对html和css进行健全性检查,但移动浏览器在html,css和javascript处理方面有很大差异.

"模拟" max-device-width可以替换max-device-width使用max-width和调整您的浏览器窗口所需的大小(浏览器的实际版本支持max-width媒体查询指令).

我们在移动Web界面开发和模拟器的早期阶段使用桌面浏览器.UI测试人员仅使用真实设备.

  • 这对我来说实际上并不适用.我在Firefox中更改了我的用户代理字符串并使浏览器非常狭窄,但我的网站仍在我的笔记本电脑上使用全屏版本进行渲染,并在我的iPhone上使用max-device-width 480. (2认同)