＃178：Percy可以在任何工作流中捕捉视觉变化

影片下载
（只有MVP支持者可以下载原始高质量的录音以供离线查看。）

我想确保您确切地了解Percy可以为您做些什么，因此有标题。 当您对网站Git repo进行更改时，例如在我们大多数人居住的“拉取请求”工作流程中，Percy会通知您该更改是否对您的网站造成任何视觉更改。 它将准确显示这些更改是什么：什么页面，什么媒体查询断点，什么浏览器等。

真是太神奇了。

这是我进行更改以增加按钮大小时Percy仪表板的屏幕截图：

希望我打算进行更改。 如果我不这样做，那是珀西救救我屁股的那一刻。 我可以通过更改CSS来意外地对视觉进行意外更改，而CSS的影响范围比我最初想象的要广。

一旦设置了Percy，它将成为自动进行的Pull Request检查的一部分：

将这种测试放入您的CI（持续集成）中非常强大。

Percy具有各种强大的配置，但也可以非常简单。 珀西！ 转到此URL并截取它的屏幕截图！ 珀西！ 转到此URL，单击此按钮，然后截图。 如果您熟悉极其简单的浏览器自动化语言Puppeteer，那就是PercyScript使用的语言。

翻译自: https://css-tricks.com/video-screencasts/178-percy-catches-visual-changes-in-any-workflow/