我想比较代码部署前后的网站，以了解UI元素的任何更改。网上有没有允许这种比较的工具？
根据您对Yan问题的评论，我认为您正在寻找一种方法来自动化网站的布局测试。
如果是，则可以使用 Galen 框架自动对 Web 应用程序进行布局测试。用于布局测试的开源解决方案。
该工具有自己的语言，非常易于学习和理解。它是基于硒的，如果您想在不同的浏览器中测试您的应用程序，您可以在硒网格，酱汁实验室中运行测试。即使您可以使用chrome驱动程序或IEDriver在本地运行它，而无需使用Selenium网格或Sauce Labs
此工具获取指定元素在页面上的位置，并相对检查它们。
示例：如果要检查图标大小及其在网页上的位置（假设它在标题内），可以这样做：
首先使用任何可用的定位器（css 路径、ID、xpath）定义对象
=======================================
header css #header
icon id icon
=======================================
现在说明您的图标应该在标题中的位置以及它的高度和宽度。（我假设了这里的所有值）
icon
inside: header 5px top, 10px right
width: 20px
height: 25px
该工具还可用于测试响应式设计。
您可以在官方网站上找到完整的文档 http://galenframework.com
最好的部分是你甚至可以创建JAVA测试。Galen JavaScript API 也与 github 中的示例项目一起提供。
在我的位置，HTML设计人员编写网页的规范（用盖伦语言），在应用程序生命周期的后期阶段，开发人员/测试人员使用相同的规范
正如你提到的，你想要比较代码部署前后的网站 对于 UI 元素的任何更改，您可以在每次运行/测试后使用 Galen 生成的 html 报告。
我相信
您不想手动比较更改，而是想自动化该过程。您可以使用 selenium Web 驱动程序在网页上查找元素，然后测试它们是否出现在更改的元素上。Applitools提供了一个框架，允许测试与硒代码相结合的图像变化。