BrowserStack 面试经历 | 设置 4(校内)

背景

本篇面试经历发生在校内，笔者应聘了一家新兴的技术公司，该公司专注于 SaaS 平台基础设施运营和支持。面试环节包括了在线编程、视觉设计与测试等多个环节，其中视觉设计与测试环节使用到了 BrowserStack。

BrowserStack 是什么

BrowserStack 是一款面向软件开发者、测试人员和浏览器用户的云端测试工具。它能够帮助开发人员测试他们的网站在各种设备上的兼容性，支持超过 2500 多种不同设备上的浏览器和移动应用程序。通过为用户提供虚拟化浏览器，可模拟在不同的设备环境下的用户体验，并进行快速的网站或应用程序测试。

面试环节

在视觉设计与测试环节中，笔者使用到了 BrowserStack，以下是部分面试内容：

题目一：Chrome 以及 Firefox 浏览器兼容性测试

题目描述

在 Chrome 或 Firefox 浏览器上测试指定网站页面，并截图收集样本。

解题思路

1. 执行 BrowserStack 的测试脚本
2. 将样本网站在 Chrome 或 Firefox 上打开
3. 执行截屏保存脚本，将结果上传至指定位置

解题步骤

1. 在 BrowserStack 主界面上点击“Start Live Session”按钮
2. 在打开的 BrowserStack 虚拟机中打开 Chrome 或 Firefox 浏览器，并输入指定的样本网站地址
3. 打开浏览器的开发者工具，调整视窗大小以便更好查看效果
4. 点击浏览器工具栏中的“截屏”按钮
5. 选择保存位置，并将截图结果上传至指定位置

题目二：Web 应用性能测试

题目描述

使用 BrowserStack 的性能测试服务，在不同的设备、浏览器和网络下测试 Web 应用程序的响应速度，采集测试数据并生成相应的报表。

解题思路

1. 选择需要测试的设备和浏览器，并设置测试参数
2. 执行性能测试脚本并采集数据
3. 将测试结果聚合并生成报告

解题步骤

1. 在 BrowserStack 主界面上选择“Automated”模式
2. 选择需要测试的设备和浏览器，并设置测试参数
3. 执行性能测试脚本并采集数据，按照要求编写性能测试代码并在 BrowserStack 上执行
4. 将测试结果聚合并生成报告

总结

通过 BrowserStack 进行浏览器兼容性测试和性能测试还是比较简单的，只需要掌握简单的脚本编写和执行即可。不过，要使用好它还需要更多的实践和经验积累。