subzey/index.html

## index.html
<!doctype html>
<html>
<head>
	<title>New window right away open test</title>
</head>
<body>
	<button id="openwnd">Open a new window</button>
	<script>
		const pageTemplate = '<h1>Loading...</h1>';

		document.querySelector('#openwnd').addEventListener('click', (e) => {
			e.preventDefault();

			const url = URL.createObjectURL(new Blob([
				'<h1>Loading...</h1>'
			], {type: 'text/html;charset=utf-8'}))

			const wnd = window.open(url);

			fetch('/404/', { method: 'POST' })
				.catch(() => {
					// We don't care how does server exactly respond
				})
				// artificial delay
				.then(() => new Promise(r => setTimeout(r, 500)))
				.then(() => {
					URL.revokeObjectURL(url);
					wnd.location.href = 'https://example.com/';
				});
		})
	</script>
</body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>New window right away open test</title>
	</head>
	<body>
	<button id="openwnd">Open a new window</button>
	<script>
	const pageTemplate = '<h1>Loading...</h1>';

	document.querySelector('#openwnd').addEventListener('click', (e) => {
	e.preventDefault();

	const url = URL.createObjectURL(new Blob([
	'<h1>Loading...</h1>'
	], {type: 'text/html;charset=utf-8'}))

	const wnd = window.open(url);

	fetch('/404/', { method: 'POST' })
	.catch(() => {
	// We don't care how does server exactly respond
	})
	// artificial delay
	.then(() => new Promise(r => setTimeout(r, 500)))
	.then(() => {
	URL.revokeObjectURL(url);
	wnd.location.href = 'https://example.com/';
	});
	})
	</script>
	</body>
	</html>