# 简介 iOS-for-Browser是一个在浏览器上模拟iOS的web应用，并非模拟iOS的运行环境，只是利用HTML5以及CSS3等技术，在浏览器上模拟iOS的外观以及动画效果等。最早的一个版本应该可以算是自己写的第一个程序，这个也可以算是第四个版本了，从第三版开始只支持webkit内核(Google Chrome, Apple Safari)，原因无非性能优势，待到别的浏览器性能同样好时，也会添加相应的支持。从这一版开始，将会加强对移动设备的支持。 # 安装 其实iOS-for-Browser本身不需要安装，需要安装的是nodejs，用于前后端进行通信，保存和获取数据，有关nodejs的安装可以点击这里：http://nodejs.org ，安装很简单，不管是Windows下还是Linux下，安装好之后，用node运行node/index.js文件，然后再打开index.html文件即可。 # 相比上个版本 大量减少页面节点，优化加载速度，对移动设备和桌面设备的设备类型会进行自动判断，并加载相应环境。 减少对jQuery的使用，生成一个jQuery对象会比较费时，尽量采用了原生的方法。 # 注意 使用之前最好升级一下chrome的版本，有些方法低版本的并不支持。Chrome19版本之前19版本之前的是一个提升，19版本之后，-webkit-transition-duration的帧数只有40帧，之后的版本提高的60帧，流畅度有很大提高，safari则没有这个问题。 前后端使用WebSocket来进行数据通信，使用的端口是：4239，运行node前最好保证4239端口不被占用，不然无法正常运行，如果没有运行nodejs，或者socket连接不正常，将会读取resource/defaultData文件夹里面的默认数据。 # 目前的问题 测试了一下，icon的抖动效果在电脑上效率蛮不错，CPU占用平均百分之二十的样子，但是在手机上的效果不容乐观，即使是iphone5，打开也是卡得1秒1帧，继续寻找下原因，若是CSS3的rotation效率不行，也没办法，或者暂时先放弃移动端的抖动效果，不过可惜的是，很多操作都只能在抖动后进行，比如icon位置的变换等，正好最近icon位置的变换还没有什么思路，等这块有想法了，再一并来解决这个问题。 # 建议 有任何建议，或者说想一起合作的，都非常欢迎你联系我：PerterPon@gmail.com，注：没有任何报酬，纯粹个人兴趣爱好。