用于检查选项卡之间或生产和开发环境之间的HTML差异的工具。
HTML DIFF检查工具是Chrome插件,用于检查选项卡之间或生产和开发之间的差异。
您可以使用其他选项卡检查HTML差异。
您可以使用这些URL的预注册对开放生产和开发服务器的URL。另外,您可以检查它们的HTML差异。
[USECase]
- 检查部署前/部署前的测试环境和生产环境之间的差异。
- 当您的同事要求您检查他/她更新的测试环境时。
[如何使用]
1。在设置中注册测试和生产环境域的组合(包括子域)。
2。打开“平衡尺度”图标,或从要检查测试或生产环境的网页上的上下文菜单中选择。
3。单击“打开”按钮,然后打开测试或生产环境域。
4。单击“差异”按钮,以便您可以检查HTML源之间的差异。
[关于隐私]
- 注册域,URL或HTML源未发送到第三方。
- 根据清单V3的对应,通过Google Analytics(分析)进行了分析。
[发行说明]
-v.3.0.0
对应于清单V3
-v.2.2.0
添加到上下文菜单。
-v.2.0.0
添加功能以使用其他选项卡检查差异。
-v.1.6.0
添加评论框(Google表单)链接
-v.1.5.0
更改UI设计。
-v.1.4.0
添加了更改包裹线功能。
还添加了捷径。 alt + down(转到下一个diff) / alt +向上(转到prev diff) / alt + w(更改包装线)
错误修复。
-v.1.3.0
添加了nex/prev diff和搜索功能。
-v.1.2.0
-v.1.1.0
错误修复
-v.1.0.0
当无法访问目标URL时,请添加警报。
-v.0.2.0
您也可以在隐身模式下使用。
修复错误和字符串。
-V.0.1.11
您还可以检查HTML DIFF包含Javascript渲染的HTML。如果需要,为此更改选项。
HTML Diff Check Tool插件谷歌浏览器安装教程
第一步:下载HTML Diff Check Tool安装扩展
第二步:下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序),右上角开发者模式,点击开启,蓝色为开启,灰色为关闭;
再次将crx文件拖放到扩展程序,页面左下角提示:“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗?”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步:把crx后缀改为zip,再进行解压
如果有些windows电脑系统查看不到文件扩展名,则可以通过以下设置:
找到文件夹顶部,点击查看
点击查看,找到隐藏已知文件扩展名,去掉前面的勾即可
这样你就能看到解压好的扩展名:.crx
解压的扩展名为.crx
把.crx改为:zip
然后再用解压工具再解压一遍,即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择:加载已解压的扩展程序
这样就安装成功了
友情提醒:
其他浏览器,包括qq浏览器,360浏览器,edge浏览器,猎豹浏览器,搜狗浏览器安装插件的方法都是类似的,以上内容大部分通用!






