Update content.js

content.js

@@ -1,31 +1,25 @@
-// Function to find and replace price elements
-function modifyPrices() {
-    // Common selectors for price elements (adjust based on target sites)
-    const priceSelectors = [
-        '[class*="price"]',
-        '[id*="price"]',
-        '[data-price]',
-        'span:contains("$")',
-        'div:contains("USD")',
-        'p:contains("Buy") + *'
+function scanAndModifyPrices() {
+    const pricePatterns = [
+        /\$\d+(\.\d{2})?/, // $10 or $10.99
+        /\d+(\.\d{2})?\s*USD/, // 10 USD or 10.99 USD
+        /Price:\s*\d+(\.\d{2})?/, // Price: 10.00
+        /\d+(\.\d{2})?\s*EUR/ // 10.99 EUR
     ];
 
-    priceSelectors.forEach(selector => {
-        const elements = document.querySelectorAll(selector);
-        elements.forEach(element => {
-            // Crude way to detect if it looks like a price
-            if (element.textContent.match(/[$]?\d+[\.\d{2}]?/)) {
-                element.textContent = '$0.00';
-                // Optionally add a data attribute to mark it as modified
-                element.setAttribute('data-price-modified', 'true');
-            }
-        });
+    const elements = document.querySelectorAll('span, div, p, h1, h2, h3, h4, h5, h6');
+    elements.forEach(el => {
+        const text = el.textContent;
+        if (pricePatterns.some(pattern => pattern.test(text))) {
+            el.textContent = '$0.00';
+            el.style.color = 'green'; // Visual cue for modification
+            el.setAttribute('data-price-zero', 'true');
+        }
     });
 }
 
-// Run on page load
-window.addEventListener('load', modifyPrices);
+// Initial scan
+scanAndModifyPrices();
 
-// Observe DOM changes for dynamically loaded content
-const observer = new MutationObserver(modifyPrices);
+// Handle dynamic content
+const observer = new MutationObserver(scanAndModifyPrices);
 observer.observe(document.body, { childList: true, subtree: true });