developit/safari-11-nomodule.html

## safari-11-nomodule.html
<!DOCTYPE html>
<html>
  <head>
    <title>Demo: Treat Safari 11 and Prior as nomodule</title>
  </head>
  <body>
    <script>
      if (/Safari\/5/.test(navigator.userAgent)) {
        var $fss = function () {
          for (var i of document.scripts) {
            if (i.noModule) {
              i.noModule = false
              var un = document.createElement('script')
              for (var x of i.attributes) un.setAttribute(x.name, x.value)
              i.parentNode.replaceChild(un, i)
            }
          }
        }
        addEventListener('DOMContentLoaded', $fss)
        addEventListener('beforeload', function(e) {
          if (e.target.type=='module') e.preventDefault()
          $fss()
        }, true)
      }
    </script>

    <script type="module" src="hello.mjs"></script>
    <script nomodule src="hello.js"></script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Demo: Treat Safari 11 and Prior as nomodule</title>
	</head>
	<body>
	<script>
	if (/Safari\/5/.test(navigator.userAgent)) {
	var $fss = function () {
	for (var i of document.scripts) {
	if (i.noModule) {
	i.noModule = false
	var un = document.createElement('script')
	for (var x of i.attributes) un.setAttribute(x.name, x.value)
	i.parentNode.replaceChild(un, i)
	}
	}
	}
	addEventListener('DOMContentLoaded', $fss)
	addEventListener('beforeload', function(e) {
	if (e.target.type=='module') e.preventDefault()
	$fss()
	}, true)
	}
	</script>

	<script type="module" src="hello.mjs"></script>
	<script nomodule src="hello.js"></script>
	</body>
	</html>