console.diff(...)
用户量：176大小：112KiB版本：v 2.0更新时间：2021-12-21
Deep compare complex in-memory objects inside browser devtools panel with console.diff command.
console.diff(...) 的使用方法详解,最全面的教程
console.diff(...) 描述：
用户数：176
分类：开发者工具插件
扩展大小：112 KiB
最后更新时间：2021-12-21
版本：v 2.0
console.diff(...) 插件简介：
这是来自Chrome商店的 console.diff(...) 浏览器插件，您可以在当前页面下载它的最新版本安装文件，并安装在Chrome、Edge等浏览器上。
console.diff(...)插件下载方法/流程：
点击下载按钮，关注“扩展迷Extfans”公众号并获取验证码，在网页弹窗中输入验证码，即可下载最新安装文件。
console.diff(...)插件安装教程/方法：
(1)将扩展迷上下载的安装包文件（.zip）解压为文件夹，其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面，
完成安装如有其它安装问题，
请扫描网站底部二维码与客服联系如有疑问请参考：
https://www.extfans.com/installation/Developers extension that extends console API with "compare those objects" abilities and JSDiff panel in your dev-tools to see the results.
Before the start: open the dev-tools and select JSDiff panel.
API:
console.diff(left, right); // compare left and right
console.diff(next); // shorthand of diffPush
console.diffLeft(left); // update object on the left side only
console.diffRight(right); // update object on the right side only
console.diffPush(next); // shifts sides, right becomes left, next becomes right
Features
* compare objects from multiple tabs and/or between page reloads
* function code included in comparison result in form of a string, may help to see if it was altered
* document, dom-elements and other non-serializable objects are filtered-out from the results
* self recurring references displayed only once, the rest of occurrences are filtered-out
Source code:
https://github.com/zendive/jsdiff/
