1. (function() {
  2. // Function to instrument a DOM element
  3. function instrumentElement(element) {
  4. if (!element) return;
  6. // Wrap the original methods with instrumentation
  7. const originalMethods = {};
  8. for (const method in element) {
  9. if (typeof element[method] === 'function') {
  10. originalMethods[method] = element[method];
  11. }
  12. }
  14. const instrumentedElement = Object.create(element); // Create a new object inheriting from the original
  16. for (const method in originalMethods) {
  17. if (originalMethods.hasOwnProperty(method)) {
  18. const originalMethod = originalMethods[method];
  20. instrumentedElement[method] = function(...args) {
  21. // Log the method call with arguments
  22. console.log(`Called ${method} on element:`, element.tagName);
  23. console.log("Arguments:", args);
  25. // Call the original method
  26. const result = originalMethod.apply(this, args);
  28. // Log the return value
  29. console.log(`${method} returned:`, result);
  30. return result;
  31. };
  32. }
  33. }
  35. // Replace the original element with the instrumented one.
  36. element.parentNode.replaceChild(instrumentedElement, element);
  37. }
  39. // Find all DOM elements and instrument them
  40. const elements = document.querySelectorAll('*');
  41. elements.forEach(instrumentElement);
  42. })();

Add your comment