gjtiquia/index.html

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open Link in New Tab</title>
</head>

<body>
    <p>Open Link in New Tab Workaround for Safari</p>

    <button id="openWindowPromptButton">
        Open Prompt
    </button>

    <button id="openWindowDirectlyButton">
        Open Directly
    </button>

    <script>
        const openWindowPromptButtonElement = document.getElementById("openWindowPromptButton");
        openWindowPromptButtonElement.addEventListener("click", () => {
            openWindowPrompt("https://google.com");
        })

        const openWindowDirectlyButtonElement = document.getElementById("openWindowDirectlyButton");
        openWindowDirectlyButtonElement.addEventListener("click", () => {
            openWindowDirectly("https://google.com");
        })

        function openWindowPrompt(url) {
            const response = confirm(`Open ${url} in new tab?`);
            if (!response) return;

            openWindowDirectly(url);
        }

        function openWindowDirectly(url) {
            // Workaround to force main thread to use in iOS Safari
            // Cuz generally only allows opening links from <a> or onclick events in the html, not via scripts.
            // Reference: https://stackoverflow.com/questions/20696041/window-openurl-blank-not-working-on-imac-safari
            setTimeout(() => {
                window.open(url, '_blank');
            })
        }
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Open Link in New Tab</title>
	</head>

	<body>
	<p>Open Link in New Tab Workaround for Safari</p>

	<button id="openWindowPromptButton">
	Open Prompt
	</button>

	<button id="openWindowDirectlyButton">
	Open Directly
	</button>

	<script>
	const openWindowPromptButtonElement = document.getElementById("openWindowPromptButton");
	openWindowPromptButtonElement.addEventListener("click", () => {
	openWindowPrompt("https://google.com");
	})

	const openWindowDirectlyButtonElement = document.getElementById("openWindowDirectlyButton");
	openWindowDirectlyButtonElement.addEventListener("click", () => {
	openWindowDirectly("https://google.com");
	})

	function openWindowPrompt(url) {
	const response = confirm(`Open ${url} in new tab?`);
	if (!response) return;

	openWindowDirectly(url);
	}

	function openWindowDirectly(url) {
	// Workaround to force main thread to use in iOS Safari
	// Cuz generally only allows opening links from <a> or onclick events in the html, not via scripts.
	// Reference: https://stackoverflow.com/questions/20696041/window-openurl-blank-not-working-on-imac-safari
	setTimeout(() => {
	window.open(url, '_blank');
	})
	}
	</script>
	</body>

	</html>