MediaWiki:TapToLoad.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

// Wait for the document to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
    // Check if the MobileDetect library is available
    if (typeof MobileDetect !== 'undefined') {
        // Create a new MobileDetect object
        var md = new MobileDetect(window.navigator.userAgent);

        // Check if the user is on a mobile device
        if (md.mobile()) {
            // Hide the iframe for mobile users initially
            var iframes = document.getElementsByTagName('iframe');
            for (var i = 0; i < iframes.length; i++) {
                iframes[i].style.display = 'none';
            }

            // Show a button to load the iframe for mobile users
            var loadIframeBtn = document.createElement('button');
            loadIframeBtn.innerText = 'Load IFrame';
            loadIframeBtn.onclick = function() {
                for (var i = 0; i < iframes.length; i++) {
                    iframes[i].style.display = 'block';
                }
                loadIframeBtn.style.display = 'none';
            };
            document.body.appendChild(loadIframeBtn);
        }
    } else {
        console.error('MobileDetect library is not available.');
    }
});