如何搭建一个“前端兼容性”自动测试平台？

Question

此前看到阿里出了一个浏览器兼容性测试服务，流程是返回不同浏览器的显示情况截图，这样的自动化平台该如何实现？具体需要哪些技术求指教...阿里的貌似挂了，遇到技术瓶颈了吗？

Answer 1

1. 在操作系统上，安装一个客户端。
2. 这个客户端收到请求之后，调度浏览器，打开指定页面。
3. 等待一定时间后，截屏。

最简单的流程就是这样。

Answer 2

我之前也想过这个问题：

1. 第一因为浏览器对环境依赖不同，例如safari需要MacOS，ie需要使用Windows，所以意味着不能使用Docker，所以虚拟化技术可以考虑使用virtualbox headless。当然这仅仅是PC端的，针对移动端的IOS还有一个坑，IOS不开源且因为是ARM架构，不能使用virtualbox，意味着要用另外一套虚拟化方案。这些虚拟化方案，最好有良好的接口能比较方便的管理，因为涉及到多机器的集群（动态调整）。

   No, because it's only for ARM-based processors (what every iOS device uses), and unlike Android, iOS isn't open-source so you can't re-compile it for x86 (normal computer) processors.
   Xcode on Mac OS has an iOS simulator, but it's much more limited.

2. 关于获取模拟器的测试结果，可以考虑直接远程控制，截屏，或者看有没有通用的web接口能够使用。PS：截屏其实只能解决一部分显示问题，还有很多其他例如css，js的兼容问题要处理。

Answer 3

http://www.seleniumhq.org/

试试这个如何? 浏览器自动化控制. 可以用程序控制各种操作系统下的各种浏览器.

截图, 页面滚动, 点击, 执行js, ...等都可以.

如果是提出的这个问题, 那只要建个服务, 把url提交上, 服务会把浏览器截图返回的.