console.diff(...)คืออะไร?

console.diff(...) เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Alexander Block และคุณลักษณะหลักของมันคือ "Compare objects in memory with console.diff(old, new) devtools function"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย console.diff(...)

ดาวน์โหลดไฟล์ส่วนขยาย console.diff(...) ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

An extension for developers that enhances the console API by incorporating the ability to compare objects and adds a JSDiff tab (parallel to Elements, Network panels) within your dev-tools for viewing the results.

Note: before using, immediately after fresh installation, - make sure to refresh inspected tab or restart browser.

API:
// compare left and right
console.diff(left, right);

// shorthand for console.diffPush(next)
console.diff(next);

// update object on the left side only
console.diffLeft(left);

// update object on the right side only
console.diffRight(right);

// shifts sides, right becomes left, next becomes right
console.diffPush(next);

Read more at: https://github.com/zendive/jsdiff

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	console.diff(...)
ID	iefeamoljhdcpigpnpggeiiabpnpgonb
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/consolediff/iefeamoljhdcpigpnpggeiiabpnpgonb
คำอธิบาย	Compare objects in memory with console.diff(old, new) devtools function
ขนาดไฟล์	93.89 KB
จำนวนการติดตั้ง	229
เวอร์ชันปัจจุบัน	3.0.5
อัปเดตครั้งล่าสุด	2024-02-06
วันที่เผยแพร่	2019-02-22
คะแนน	5.00/5 รวมทั้งหมด 2 คะแนน
ผู้พัฒนา	Alexander Block
อีเมล	[email protected]
ประเภทการชำระเงิน	free
เว็บไซต์ส่วนขยาย	https://github.com/zendive/jsdiff
URL หน้าช่วยเหลือ	https://github.com/zendive/jsdiff/issues
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "console.diff(...)", "version": "3.0.5", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlCx2Bl0li+3idvfrH9cQL\/MzphafGFqMUA2P+0vbyhwxsxWl0llOaGQbkirX5qCoAVHoUCPqu3hCjpVCv35igPbfqDs5bdLZZmXt2F0HjEQnWI\/eZKd9IKcKYMplEeL2BodmpU02VrP1UnUzQHZeeMWk9ybgWOqCimkwliILVubRj5dxNB9AidLwO4Z5iGq\/OvW9AJMYdxKxrLP2lF6\/GGNcCBg+iCJZwlQOhFB9LbUjytT4ws3bIEX4b5zmWLqGKR1NiZfGug2eCWXt9oEKg2WkbXmBBzFKqxnM\/bBUrVR29N9qNgx0f42qnyhsW3Bo4kPzE3d0asXCV5nofLTLEwIDAQAB", "description": "Compare objects in memory with console.diff(old, new) devtools function", "minimum_chrome_version": "100.0", "homepage_url": "https:\/\/github.com\/zendive\/jsdiff", "author": "[email protected]", "permissions": [ "storage" ], "host_permissions": [ ":\/\/\/*" ], "devtools_page": "bundle\/jsdiff-devtools.html", "icons": { "28": "bundle\/img\/panel-icon28.png", "64": "bundle\/img\/panel-icon64.png", "128": "bundle\/img\/panel-icon128.png" }, "content_scripts": [ { "world": "MAIN", "js": [ "\/bundle\/js\/jsdiff-console.js" ], "matches": [ "" ], "match_origin_as_fallback": true, "all_frames": true, "run_at": "document_start" }, { "js": [ "\/bundle\/js\/jsdiff-proxy.js" ], "matches": [ "" ], "match_origin_as_fallback": true, "all_frames": true, "run_at": "document_start" } ] }