Cypress-HAR-Generator HAR文件生成插件
Cypress 的测试里想抓网络求？cypress-har-generator这个小插件还挺好用的。它能在你跑测试时，自动生成 HAR 文件，也就是浏览器网络求的“黑匣子”。拿它慢求、调试接口问题，都挺方便的。
安装方式也简单，用npm i --save-dev @neuralegion/cypress-har-generator就行。在cypress/plugins/index.js里加几行配置：
const { install, ensureBrowserFlags } = require('@neuralegion/cypress-har-generator');
module.exports = (on, config) => {
install(on, config);
on('before:browser:launch', (browser = {}, launchOptions) => {
ensureBrowserFlags(browser, launchOptions);
return launchOptions;
});
};它主要是在浏览器启动前加一些参数，让 Cypress 能记录网络日志。你可以把这些 HAR 文件用 Chrome 打开看，也可以丢到性能工具里跑一圈。
实测下来，对调试XHR、fetch求挺有的，是那种偶发慢响应、加载顺序不对的问题。唯一要注意的，就是别在生产环境开着，日志太多了。
如果你正在用Cypress做端到端测试，又经常需要看求细节，那这个插件还挺值得一试的。
文件大小：217.44KB
评论区