ceaksan · May 15, 2025 15:54
diff --git a/observerInstanceCounter.js b/observerInstanceCounter.js

  // Do this VERY EARLY in your <head>
  (function() {
    if (window.MutationObserver) {
      const OriginalMutationObserver = window.MutationObserver;
      let observerInstanceCount = 0;

      window.MutationObserver = function(callback) {
        observerInstanceCount++;
        console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} created. Potential for script interference. Stack:`, new Error().stack);

        const observer = new OriginalMutationObserver(callback);
        const originalObserve = observer.observe;
        const originalDisconnect = observer.disconnect;

        observer.observe = function(target, options) {
          console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is observing:`, target, 'with options:', options);
          if (target === document.documentElement || target === document.body || target === document.head) {
            console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is observing a critical part of the document (html, head, or body). This could impact script loading/execution.`);
          }
          if (options && (options.childList || options.subtree)) {
             console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is monitoring childList or subtree changes. This is commonly used to detect added scripts.`);
          }
          return originalObserve.call(this, target, options);
        };

        observer.disconnect = function() {
          console.log(`[DETECTOR] MutationObserver #${observerInstanceCount} disconnected.`);
          return originalDisconnect.call(this);
        }
        return observer;
      };

      // Optionally, also wrap the prototype methods if observers were created *before* this script ran
      // (though this is less likely to catch the problematic ones if this script is truly first)
      // OriginalMutationObserver.prototype.observe = ... (similar wrapping)
    } else {
      console.log("[DETECTOR] MutationObserver API not found in this browser.");
    }
  })();

	// Do this VERY EARLY in your <head>
	(function() {
	if (window.MutationObserver) {
	const OriginalMutationObserver = window.MutationObserver;
	let observerInstanceCount = 0;

	window.MutationObserver = function(callback) {
	observerInstanceCount++;
	console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} created. Potential for script interference. Stack:`, new Error().stack);

	const observer = new OriginalMutationObserver(callback);
	const originalObserve = observer.observe;
	const originalDisconnect = observer.disconnect;

	observer.observe = function(target, options) {
	console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is observing:`, target, 'with options:', options);
	if (target === document.documentElement \|\| target === document.body \|\| target === document.head) {
	console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is observing a critical part of the document (html, head, or body). This could impact script loading/execution.`);
	}
	if (options && (options.childList \|\| options.subtree)) {
	console.warn(`[DETECTOR] MutationObserver #${observerInstanceCount} is monitoring childList or subtree changes. This is commonly used to detect added scripts.`);
	}
	return originalObserve.call(this, target, options);
	};

	observer.disconnect = function() {
	console.log(`[DETECTOR] MutationObserver #${observerInstanceCount} disconnected.`);
	return originalDisconnect.call(this);
	}
	return observer;
	};

	// Optionally, also wrap the prototype methods if observers were created before this script ran
	// (though this is less likely to catch the problematic ones if this script is truly first)
	// OriginalMutationObserver.prototype.observe = ... (similar wrapping)
	} else {
	console.log("[DETECTOR] MutationObserver API not found in this browser.");
	}
	})();