如果全景要在手机上浏览,但你又希望在电脑上能够进行相应的手机浏览测试,你可以试试krpano的模拟器,除此之外用的较多的是chrome的模拟器,chrome相关可直接点击此链接。
如何获取:
在krpano的下载包里iphone-ipad-simulator/iphone-ipad-simulator.html
找不到的话请善用搜索
我们把这个iphone-ipad-simulator.html复制到我们的项目文件夹根目录下,与tour.swf、tour.js、tour.xml同一级目录。
将对应的js、swf和xml三个文件的路径改为项目文件夹的。例如tour.js、tour.swf和tour.xml。
用代码编辑器打开iphone-ipad-simulator.html,找到以下代码
替换成
如图
替换为
继续找到以下代码:
替换为
如图
替换为
我们把这个html文件拷贝到项目文件夹根目录下,在代码编辑器里打开该html文件,
因为该模拟器是html5内核下浏览的,建议使用safari浏览器。
将模拟器网页直接拖进safari打开浏览,如下图。
点击箭头所指按钮,可以查看项目在iPhone或iPad下横屏和竖屏的模拟效果。