Headspin Logo
1.2.3
Wireframes
Content 33

Content 33

Published
March 16, 2024
Category

Choosing the Right Domain

Selecting a domain name is the first step in your website building journey. Learn the ins and outs of choosing a domain that reflects your brand and ensures a memorable online identity.

Image 2 (3)

Website Security

Keeping your website secure is paramount. We'll walk you through the best practices in website security to help protect your site from threats and ensure your visitors' safety.

Image 2 (3)

The Aesthetics of Web Design

Dive into the world of web design, where we'll cover everything from the latest design trends to timeless layouts that ensure your website stands the test of time.

Image 2 (3)

The Aesthetics of Web Design

Dive into the world of web design, where we'll cover everything from the latest design trends to timeless layouts that ensure your website stands the test of time.

Image 2 (3)

The Aesthetics of Web Design

Dive into the world of web design, where we'll cover everything from the latest design trends to timeless layouts that ensure your website stands the test of time.

Image 2 (3)
Add to collection

You might also like

Find more about Headspin UI

Headspin Logo
1.2.3

Products

Copilot Wireframes Sites Components

Resources

Documentation Guides Inspiration Tutorials Blog Support Pricing Changelog Roadmap Testimonials

Community

Facebook X Discord

Legal

Privacy Policy Cookie Policy Terms and Conditions License
Built with
Breakdance
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.
'; //document.body.appendChild(iframe); var html = document.querySelector("html").outerHTML; var body = target.outerHTML; target.replaceWith(iframe); iframe.contentWindow.document.open(); iframe.contentWindow.document.write(html); iframe.contentWindow.document.close(); //document.querySelector("iframe").contentWindow.document.querySelector("body").innerHTML = body; iframe.onload = (event) => { iframeCleaner(); }; var doc = iframe.contentDocument || iframe.contentWindow; var _timer = setInterval(function() { console.log("timer-load"); if (doc.readyState == 'complete') { clearInterval(_timer); iframeCleaner(); } }, 100); } function iframeCleaner(){ var doc = document.querySelector("iframe").contentWindow.document; var sections = doc.querySelectorAll("body > *"); sections.forEach(section=>{ if(section.tagName != "MAIN") section.remove(); }); if(doc.querySelector(".mbfp-btn")) doc.querySelector(".mbfp-btn").remove(); } /**/ const targetNode = document.querySelector("html"); // Options for the observer (which mutations to observe) const config = { attributes: true, childList: false, subtree: false }; // Callback function to execute when mutations are observed const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { console.log("A child node has been added or removed."); } else if (mutation.type === "attributes") { var att = targetNode.getAttribute("data-hsx"); var iframe = document.querySelector("iframe"); if(iframe) { iframe.contentWindow.document.querySelector("html").setAttribute("data-hsx",att) } } } }; // Create an observer instance linked to the callback function const observer = new MutationObserver(callback); // Start observing the target node for configured mutations observer.observe(targetNode, config); })