在纯前端静态项目中（例如基于 HTML+JS 的单页应用或原型站点），通常需要区分开发、测试与生产环境——否则本地调试时很容易误触真实统计埋点，导致数据混乱。由于无法依赖服务端配置（如 Web.config），最直接且可靠的方案是借助 window.location.href 实现客户端环境判断，再根据结果决定是否加载分析脚本。

以下实现方案可直接集成使用，零依赖、轻量化且便于审计，完美适配静态 HTML 页面的部署场景。

以下几个关键点值得重点关注：

• ✅ 优先使用 includes() 而非 indexOf() > -1——语义更清晰，ES6+ 环境兼容性良好；若仍需支持老旧 IE，可回退为 indexOf()。
• ✅ 应优先检测 localhost 和 127.0.0.1——相比依赖路径关键词（如 /dev/），该方式更稳健，尤其在通过 file:// 或 http-server 进行本地运行时尤为可靠。
• ✅ 建议将脚本注入 而非 ——遵循 Google 官方推荐，能够尽早触发加载，提升数据采集的完整性。
• ⚠️ 切勿在开发环境中“静默”加载 GA——即便不发送数据，也应显式跳过整个初始化流程，否则可能意外触发事件或浪费资源。