时间戳

首页 > 解决方案 > 如何有条件地停止在不受支持的浏览器上加载 React 应用程序的脚本？

javascript - 如何有条件地停止在不受支持的浏览器上加载 React 应用程序的脚本？

问题描述

所以我的项目使用的是 create-react-app，<script/>带有 Reactmain.js的加载在<body/>. 加载时，它会在不受支持的浏览器上崩溃。

我在<script/>上面有一个块main.js，它检查您的浏览器并且有条件地不呈现<div id='roor'/>，而是一个行动呼吁去更新您的浏览器。当显示该号召性用语window.stop()时，最后我有一个，因此浏览器不会加载反应脚本。不幸的是，图像也不低。

有没有办法停止加载 React js？或者也许是一种预加载图像的方法？

示例结构：

<body>
  <script>
     Script 1 here, checking browser version and using `document.write()` if 
     unsupported
  </script>
  <script>
    React script here, which shouldn't run/be imported if the above script 
    found an unsupported browser.
  </script>
</body>

标签： javascripthtmlreactjs

解决方案

所以解决方案要简单得多，而不是在 中生成替代的“浏览器不支持”html index.html，而是在找到不受支持的浏览器时设置重定向到另一个 html 文件。这样我就不必生成带有 的标签document.write，这让我免去了多行字符串的烦恼。一切都正确加载，没有导入任何反应脚本，不需要弹出任何内容，页面更具可定制性，css 更易于应用并且back被window.location.replace(). 感觉不错。

推荐阅读