在index.html中按条件执行脚本：ReactSnap用户代理适配故障

嘿，我懂你遇到的麻烦了——你原来的写法有个关键错误，导致条件加载完全没生效：在<script>标签内部直接嵌套另一个<script>标签是行不通的，浏览器会把内部的<script>当成普通字符串处理，根本不会解析成实际可执行的脚本标签。

下面给你两种靠谱的解决方案，按需选择就行：

方法一：动态创建脚本元素（通用JS方式） #

这种方式通过JavaScript动态生成script标签，只有当用户代理不是ReactSnap时才会加载外部脚本：

<script>
  if (navigator.userAgent !== 'ReactSnap') {
    // 创建script元素
    const smartechScript = document.createElement('script');
    smartechScript.src = '//cdnt.netcoresmartech.com/smartechclient.js';
    // 可选：设置异步加载（根据你的脚本需求决定是否添加）
    smartechScript.async = true;
    // 将脚本添加到页面中
    document.body.appendChild(smartechScript);
  }
</script>

这个方法不依赖ReactSnap的特性，任何场景下的条件脚本加载都能适用。

方法二：利用ReactSnap官方注释（更简便稳妥） #

ReactSnap本身提供了跳过特定脚本的内置支持，如果你只是想在生成快照时不加载这个脚本，直接用它的特殊注释更省心（还能避免userAgent检测可能出现的误差）：

<!-- react-snap-disable -->
<script src='//cdnt.netcoresmartech.com/smartechclient.js'></script>
<!-- react-snap-enable -->

ReactSnap在执行快照生成时，会自动忽略被这两个注释包裹的内容，完全不用你自己写判断逻辑。

内容的提问来源于stack exchange，提问作者horrible_nerd