From 0c80462bfbab6539484b78b98d9cb69523fef6f6 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sun, 21 Mar 2021 12:30:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=B8=8D=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=20wasm=20=E6=A3=80=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wwwroot/BrowserNotSupported.html          | 23 +++++++
 .../wwwroot/index.html                        | 61 +++++++++++++------
 2 files changed, 66 insertions(+), 18 deletions(-)
 create mode 100644 src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/BrowserNotSupported.html
diff --git a/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/BrowserNotSupported.html b/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/BrowserNotSupported.html
new file mode 100644
index 000000000..e69d8d61f
--- /dev/null
+++ b/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/BrowserNotSupported.html
@@ -0,0 +1,23 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>Bootstrap Blazor - 企业级 UI 组件库</title>
+</head>
+<body>
+    <div>您的浏览器不支持 <a href="https://developer.mozilla.org/en-US/docs/WebAssembly">WebAssembly</a></div>
+
+    <br />
+
+    <div>
+        Your browser doesn't support <a href="https://developer.mozilla.org/en-US/docs/WebAssembly">WebAssembly</a>
+    </div>
+
+    <br />
+
+    <div>
+        For more information on WebAssembly browser support please follow <a href="https://caniuse.com/#search=webassembly">this link</a>.
+    </div>
+
+</body>
+</html>
diff --git a/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/index.html b/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/index.html
index be734394a..ab4350efa 100644
--- a/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/index.html
+++ b/src/Wasm/BootstrapBlazor.WebAssembly.ClientHost/wwwroot/index.html
@@ -58,7 +58,7 @@
     </div>
 
     <script src="https://cdn.jsdelivr.net/gh/google/brotli/js/decode.js"></script>
-    <script src="_framework/blazor.webassembly.js"></script>
+    <script src="_framework/blazor.webassembly.js" autostart="false"></script>
     <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
     <script src="_content/BootstrapBlazor.Chart/js/bootstrap.blazor.chart.bundle.min.js"></script>
     <script src="_content/BootstrapBlazor.TableExport/js/export.min.js"></script>
@@ -67,25 +67,50 @@
     <script src="_content/BootstrapBlazor.Shared/js/common.js"></script>
     <script src="service-worker-register.js"></script>
     <script>
-        Blazor.start({
-            loadBootResource: function (type, name, defaultUri, integrity) {
-                if (type !== 'dotnetjs' && location.hostname !== 'localhost') {
-                    return (async function () {
-                        const response = await fetch(defaultUri + '.br', { cache: 'no-cache' });
-                        if (!response.ok) {
-                            throw new Error(response.statusText);
-                        }
-                        const originalResponseBuffer = await response.arrayBuffer();
-                        const originalResponseArray = new Int8Array(originalResponseBuffer);
-                        const decompressedResponseArray = BrotliDecode(originalResponseArray);
-                        const contentType = type ===
-                            'dotnetwasm' ? 'application/wasm' : 'application/octet-stream';
-                        return new Response(decompressedResponseArray,
-                            { headers: { 'content-type': contentType } });
-                    })();
+        //check if webassembly is supported
+        const webassemblySupported = (function () {
+            try {
+                if (typeof WebAssembly === "object"
+                    && typeof WebAssembly.instantiate === "function") {
+                    const module = new WebAssembly.Module(
+                        Uint8Array.of(0x0, 0x61, 0x73, 0x6d,
+                            0x01, 0x00, 0x00, 0x00));
+                    if (module instanceof WebAssembly.Module)
+                        return new WebAssembly.Instance(module)
+                            instanceof WebAssembly.Instance;
                 }
+            } catch (e) {
             }
-        });
+            return false;
+        })();
+
+        // Modern browsers e.g. Microsoft Edge
+        if (webassemblySupported) {
+            Blazor.start({
+                loadBootResource: function (type, name, defaultUri, integrity) {
+                    if (type !== 'dotnetjs' && location.hostname !== 'localhost') {
+                        return (async function () {
+                            const response = await fetch(defaultUri + '.br', { cache: 'no-cache' });
+                            if (!response.ok) {
+                                throw new Error(response.statusText);
+                            }
+                            const originalResponseBuffer = await response.arrayBuffer();
+                            const originalResponseArray = new Int8Array(originalResponseBuffer);
+                            const decompressedResponseArray = BrotliDecode(originalResponseArray);
+                            const contentType = type ===
+                                'dotnetwasm' ? 'application/wasm' : 'application/octet-stream';
+                            return new Response(decompressedResponseArray,
+                                { headers: { 'content-type': contentType } });
+                        })();
+                    }
+                }
+            });
+        }
+        else {
+            // Older browsers e.g. IE11
+            window.location = window.location + "BrowserNotSupported.html";
+        }
+
     </script>
 </body>
 
-- 
Gitee

