想知道自己的网站在手机上显示的样子是什么?最直接的方法就是用你的手机打开你的网站!当然不可能次次都用自己的手机或者ipad之类的进行测试,那么就必然需要在电脑上模拟移动设备去测试网页效果,之前推荐过一个在电脑上模拟手机浏览网页的Opera Mobile Emulator神器,但如果要测试网页在不同尺寸分辨率的显示效果的话,不妨使用Multi Screen Test自由调整窗口大小,查看网页在特定比例的具体显示效果。
Multi Screen Test 内置了多种装置的解析度资料,包括一般的电脑、手机、平板电脑、电视等,选择相应设备后就能快速让网页显示于特定大小的画面里,用以网页在不同设备上显示效果非常简单!
Multi Screen Test使用方法:
打开Multi Screen Test工具后,输入需要测试效果的网址(必须加http://),点击「 Test 」按钮后,网页就会显示在画面中;
默认的显示分辨率大小是1024 x 600,你可以根据自己的需求直接在上面调整大小,按下「Apple 」按钮来检测网页在特定大小屏幕上显示的效果!
Multi Screen Test内置了多种不同设备屏幕解析显示效果,比如我们可以从 Mobile里面直接切换iPhone 5、iPhone 6、iPhone 6+、Google Nexus 等手机设备上屏幕大小,其他还有台式电脑、平板电脑、电视等多种类型可以选择。
如果你想测试网页在手机或平板电脑上横放时显示的效果,点击上方的「Rotate」就可以快速显示 90 度旋转的效果!
网站名称:Multi Screen Test (浏览器模拟器)
网站链接:http://whatismyscreenresolution.net/multi-screen-test