[Shopify Prevent Preview Bar] Prevents loading Shopify preview bar scripts #shopify #previewbar

shopify-prevent-preview-bar.html

  <script>
    let removeCount = 0;
    window.mobserver = new MutationObserver(function(mutations) {
      mutations.forEach(function(mutation) {
        mutation.addedNodes.forEach((node) => {
          var nodeName = node.nodeName
          if (nodeName === 'SCRIPT') {
            const script = mutation.addedNodes[0];
 
            if(script.src.includes('/storefront/bars')) {
              script.src = '';
              script.remove();
              console.log('%cAdmin bars js removed', 'padding: 4px 8px; background: darkgreen; font-family: monospace;');
              removeCount++;
              if (removeCount == 2) {
               window.mobserver.disconnect(); 
              }
            }
          } else if (nodeName === 'LINK') {
            var el = mutation.addedNodes[0];
            if (el.href.includes('assets/admin/style')) {
              el.href = '';
              el.remove();
              console.log('%cAdmin css removed', 'padding: 4px 8px; background: darkgreen; font-family: monospace;');
              removeCount++;
              if (removeCount == 2) {
               window.mobserver.disconnect(); 
              }
            }
          }
        });
      });
    });
    
    window.mobserver.observe(document.documentElement, {
      attributes: true,
      characterData: true,
      childList: true,
      subtree: true,
      attributeOldValue: true,
      characterDataOldValue: true
    });
  </script>