Mobile 当前移动浏览器的最大宽度是多少?

Mobile 当前移动浏览器的最大宽度是多少?,mobile,width,detection,Mobile,Width,Detection,我正在使用来自的脚本来检测是否正在移动浏览器上查看站点 如果网站在移动浏览器上,我会显示一个精简的、简单的幻灯片。如果它是一个普通的浏览器,我会展示一个超级幻灯。我想优化我的图像,使它们在移动幻灯片上尽可能小。我的手机幻灯片反应灵敏,所以它会缩小到适合任何窗口,但我不想让它一开始比绝对必须的更大 有人知道当前移动浏览器阵列的最大宽度是多少吗?或者更确切地说,脚本检测到的移动设备的最大宽度? 顺便说一句,我不是问如何检测宽度一旦网页加载到浏览器 谢谢 编辑 我想你们误解了我的问题。我使用的最大宽度

我正在使用来自的脚本来检测是否正在移动浏览器上查看站点

如果网站在移动浏览器上,我会显示一个精简的、简单的幻灯片。如果它是一个普通的浏览器,我会展示一个超级幻灯。我想优化我的图像,使它们在移动幻灯片上尽可能小。我的手机幻灯片反应灵敏,所以它会缩小到适合任何窗口,但我不想让它一开始比绝对必须的更大

有人知道当前移动浏览器阵列的最大宽度是多少吗?或者更确切地说,脚本检测到的移动设备的最大宽度?

顺便说一句,我不是问如何检测宽度一旦网页加载到浏览器

谢谢

编辑

我想你们误解了我的问题。我使用的最大宽度:100%。我的图像可以缩放到适合任何屏幕大小。而且,我确定是显示简单的幻灯片还是复杂的幻灯片。我的逻辑是:

If the user is using a mobile device (based on the device detector)
    show a simple slideshow
Else the use is NOT using a mobile device (based on the device detector)
   If this is a small screen (based on media queries)
       show a simple slideshow
   Else this is a large screen (based on media queries)
       show a complex slideshow
   End If (based on media queries)
End If (based on the device detector)
为什么还要麻烦使用移动检测呢?因为即使对于小屏幕,我只在小屏幕上显示简单的、低文件大小的幻灯片,但复杂的、图像量大的、高文件大小的幻灯片中的图像仍然可以下载(http://cloudfour.com/examples/mediaqueries/image-test/). “我的媒体查询”确定要显示的幻灯片不会让用户不必下载当前未显示的幻灯片图像。之所以使用它,是因为简单的幻灯片在小屏幕上比复杂的幻灯片更好看。使用移动检测屏幕可确保未显示的图像不会被下载

当我的图像设置为100%宽度并将缩小到适合任何大小时,为什么我关心当前移动设备上的最大宽度是多少?因为900px宽的映像比600px宽的映像具有更大的文件大小。如果我知道图像需要的最大宽度是多少,我可以在开始时将幻灯片向下保存到该大小,从而节省一些额外的带宽。你们有没有在移动设备上观看过幻灯片?慢点


如果有人能告诉我正确的数据,我将不胜感激。我在谷歌上搜索过,但找不到我需要的东西。

一旦你部署了软件,答案几乎肯定会改变

这还取决于你指的是像素还是屏幕分辨率像素(视网膜显示对它们的定义不同)

也许最好坚持检测移动浏览器(如果您不喜欢正在使用的脚本,请参阅,例如: ) 然后让用户选择更高的rez图像


或者,您可以尝试检测带宽,这才是您真正优化的目标;'“mobile”只是这方面的一个代理,只是与之适度相关。

为了提高效率,而且由于您特别使用幻灯片放映,我会让浏览器(不管是哪个平台)加载一张漂亮的第一张幻灯片图像,然后决定是开始加载其余的高分辨率图像还是低分辨率图像。毫无疑问,移动设备的最大宽度将随时间变化。但我还是很想知道目前的最大宽度是多少。如果有一些在线资源列出了这样的内容,它可能会超时更新。随着新设备的上市,我必须定期更新设备检测脚本。同时,我会再次检查设备的最大宽度,并在必要时开始制作更大的幻灯片。