我在空闲时间做一些前端工作(为了好玩)——CSS3、JavaScript、HTML5、自适应(使网站看起来“像玩具”,动态重建以适应屏幕的大小和旋转)。
第一步是使用“设备工具栏”在 Google Chrome 模拟器中以各种分辨率测试输出。
一切准备就绪后,我检查了很长一段时间的结果,并根据以下列表进行了乏味的检查:
- macOS X:
- 谷歌浏览器
- 野生动物园 11
- Tor浏览器
- 在 Mac OS X 下的 VirtualBox 上运行的 Windows 7:
- 谷歌浏览器
- 火狐浏览器
- 歌剧 45
- IE11
- 安卓 4:
- 谷歌浏览器
- 安卓浏览器
- 在 Mac OS X 上运行的 SimulatorApp 9:
- iPhone 4|5|6
- iPad 2|专业版|视网膜
对专业前端开发者经验感兴趣:
- 我用于检查结果的设备和浏览器列表的合理性如何?你想添加一些东西吗?有什么东西扔了?
- 你的工作流程是什么?你如何检查你的工作?毕竟,这是一件很糟糕的事情——在不同的浏览器和操作系统中测试你的代码需要很多时间。