chrome移动调试中的各种手机分辨率是真实分辨率吗？

Question

如果不是，如果想模拟一台手机，我是不是应该用responsive模式，自己改成相应分辨率？

Answer 1

chrome里调试的手机分辨率是真实的分辨率。可以调试使用，不过你用真机模拟一下更加保险一点。

Answer 2

大部分情况下还是可以的，但是有些时候还是不太靠谱的，注意物理像素和分辨率的不同。用真实的手机测试更保险。

Answer 3

并不是指的手机中屏幕的实际物理像素。
谷歌浏览器模拟的是不同手机屏幕的尺寸大小。通过这个你可以查看UI界面对于不同尺寸屏幕适应性的好还。

经验分享

去年做过一个Canvas图像识别的应用。需要把图像数据传送到服务器。在用谷歌调试的时候，图像加载后的显示很正常，很清晰。但是，用手机测试的时候，发现有的图像有很细微的模糊。不仔细看很难发现。经过研究，原来是DPI和API不一致造成的。

现在大多数的手机都是高分辨率的，DPI和API在以前是1：1的关系，设计人员不用关心这个。但是，现在不是了，现在多数是1：2的关系。也就是一个物理像素长宽和逻辑像素的比是2.一个物理像素所显示的逻辑像素多了。这就是为什么，同样尺寸的屏幕，为什么老式的手机画面没有现在的手机清晰。

画面不清晰怎么办？

当时的解决方法，我使用的是这个，Canvas是这样解决的，其实解决的思路都是一样的，这里我就不再详细介绍了，参见代码即可。

Answer 4

个人感觉，如果你手上有多台手机，还是用手机调试吧，浏览器的模拟效果始终与手机上不同。但是拿usb线不停的换手机也是个麻烦事。

如果没有多台手机，你可以使用一个安卓模拟器，然后设置不同的分辩率，这样感觉比浏览器要好得多。并且下面方法firefox和chrome通用。

参考：使用firefox与安卓模拟器对网页进行远程调试

Answer 5

chrome手机模拟机分辨率都是对的，但是有一点，不要以为模拟器里面ok就代表真手机上就ok，如果一些事件在浏览器上支持，手机上不一定支持。

Answer 6

实际上是对的
http://www.paintcodeapp.com/n...

Answer 7

这里显示的是设备独立像素，并不是分辨率，比如iphone4，显示的是320*480，而他的分辨率其实是640*960