pytest HTML报告无CSS样式问题求助

• 内嵌CSS生成独立报告
  直接在执行pytest时添加--self-contained-html参数，这个参数会把所有样式、图片等资源直接嵌入到HTML报告文件里，彻底解决外部资源依赖问题。执行命令示例：

  pytest --html=report.html --self-contained-html
  

  这是最直接有效的办法，不管是本地查看还是在CI/CD环境（比如Jenkins）里展示都适用。

• 修复本地浏览器的加载限制
  如果是本地打开报告时样式丢失，大概率是浏览器的安全策略阻止了本地CSS文件加载：

  • 给浏览器加启动参数解除限制，比如Chrome可以用chrome.exe --allow-file-access-from-files启动
  • 把报告放到临时web服务里访问，比如在报告目录下执行python -m http.server，然后通过http://localhost:8000/report.html打开

• 排查版本兼容性问题
  要是之前样式正常现在突然失效，可能是pytest-html或相关依赖版本更新导致的：

  • 回退到之前能正常生成样式的版本，比如pip install pytest-html==3.1.1（替换成你之前用的版本号）
  • 也可以直接升级到最新稳定版，很多样式问题会在新版本中修复：pip install --upgrade pytest-html

• CI/CD环境（如Jenkins）的特殊配置
  如果是在Jenkins里展示异常，需要调整安全策略：

  • 进入Jenkins全局安全配置，找到“内容安全策略”，设置允许内联样式，比如把规则改成：default-src 'self'; style-src 'self' 'unsafe-inline';
  • 确保Jenkins的HTML发布插件正确配置，没有过滤掉报告中的样式代码

内容的提问来源于stack exchange，提问作者user18148705