如何在GitHub PR文件页面显示代码覆盖率的红/绿标识

用Codecov官方浏览器扩展（最省心的方案） #

Codecov自己推出了Chrome和Firefox浏览器扩展，安装完成后刷新GitHub PR的Files页面，就能直接看到代码行的覆盖率标识：已覆盖的行标绿，未覆盖的行标红。扩展会自动关联你的GitHub账号和Codecov数据，无需额外配置即可使用。

第三方浏览器扩展替代 #

如果官方扩展不符合需求，浏览器应用商店里有不少第三方扩展可对接Codecov数据，在PR Files页面展示内联覆盖率标识。这类扩展一般需要你在设置中绑定对应仓库的Codecov令牌，完成配置后就能正常显示颜色标记。

自定义油猴脚本（适合动手能力强的用户） #

要是不想用现成扩展，可借助Tampermonkey这类油猴工具编写自定义脚本：

• 通过Codecov的API获取对应PR的覆盖率JSON数据
• 编写脚本解析数据，匹配页面中的代码行
• 给对应行添加绿色/红色的样式标识
• 将脚本导入油猴工具，打开PR Files页面时会自动执行并显示覆盖率标记

内容的提问来源于stack exchange，提问作者Maria Ines Parnisari