Можно ли добавить кнопку в консоли JavaScript (Chrome)? ⇐ Javascript

[Anonymous]

Я ищу способ запустить функцию по требованию в функции JavaScript. < /p>

Код: Выделить всё

 // A very heavy function to debug deeper
function deepEqual(a, b) {
return JSON.stringify(a) === JSON.stringify(b);
}

// Add a "button" in the console log
const a = { name: "Alice", age: 25 };
const b = { name: "Alice", age: 25 };

console.log('%c Run Diff Btn', 'color: white; background-color: blue; padding: 5px 10px; cursor: pointer;', {
a,
b,
compare: function() {
const result = deepEqual(a, b);
console.log('DeepEqual Diff:', result ? 'Objects are equal' : 'Objects are different');
}
});

// Now log a button that, when clicked, will run a deep comparison
console.log('Click the log message below to compare a and b:', {
a,
b,
'Run Diff': () => {
const result = deepEqual(a, b);
console.log('Comparison result:', result ? 'Equal' : 'Not Equal');
}
});< /code>
< /div>
< /div>
< /p>
Вышеуказанное, очевидно, не работает. Но цель в том, что я не хочу спамить журнал с информацией об выдержке. Я знаю, что могу использовать Console.Group для свертывания результата, но в то же время функция отладки очень тяжело замедлить приложение, необходимое только при глубокой отладке.// Deep comparison function using Lodash's _.isEqual (or any other deep equality function)
function deepEqual(a, b) {
return JSON.stringify(a) === JSON.stringify(b);
}

// Sample objects for comparison
const a = { name: "Alice", age: 25 };
const b = { name: "Alice", age: 25 };

// Group logs
console.group('Objects Comparison');

console.log({a, b})

// Collapsing the diff log initially
console.groupCollapsed('View Deep Equal Diff');
const diffResult = deepEqual(a, b);
console.log(diffResult ? 'Objects are equal' : 'Objects are different');
console.groupEnd();

console.groupEnd();

Подробнее здесь: https://stackoverflow.com/questions/797 ... me-console