更改或删除 JS 全局变量不会影响页面

如何解决更改或删除 JS 全局变量不会影响页面

我正在开发一个提供虚拟导览的网站。为此，我们使用了一个名为 marzipano 的网络工具，它提供了一个网页，您可以在其中构建虚拟之旅；然后它会给出一个包含输出的 zip 文件夹。

如果我想编辑访问、删除热点或只是删除房间，我必须使用 Marzipano Web 工具重新生成所有内容。阅读源代码，我发现整个访问的所有信息都保存在一个 JavaScript 文件中：

var APP_DATA = {
  "scenes": [
    {
      "id": "0-aula","name": "Aula","levels": [
        {
          "tileSize": 256,"size": 256,"fallbackOnly": true
        },{
          "tileSize": 512,"size": 512
        }
      ],"faceSize": 342,"initialViewParameters": {
        "yaw": 1.0363255584933704,"pitch": 0,"fov": 1.366888405488846
      },"linkHotspots": [
        {
          "yaw": -2.0954827425142977,"pitch": -0.07066210103764092,"rotation": 0,"target": "1-corridoio"
        }
      ],"infoHotspots": []
    },{
      "id": "1-corridoio","name": "Corridoio","initialViewParameters": {
        "pitch": 0,"yaw": 0,"fov": 1.5707963267948966
      },"linkHotspots": [
        {
          "yaw": -0.2418252827827736,"pitch": -0.13777826696094664,"rotation": 4.71238898038469,"target": "0-aula"
        }
      ],"infoHotspots": [
        {
          "yaw": 0.9863846868063799,"pitch": -0.30098779162322664,"title": "termosifone","text": "<a href='a.html'>Ciao</a>"
        }
      ]
    },{
      "id": "2-aula2","name": "Aula2","linkHotspots": [
        {
          "yaw": 2.9334576002113213,"pitch": -0.07747251462291516,"infoHotspots": []
    }
  ],"name": "Project Title","settings": {
    "mouseviewmode": "drag","autorotateEnabled": true,"fullscreenButton": true,"viewControlButtons": true
  }
};

那个文件，最近使用，在index.js（我只会报告声明阶段）：

'use strict';

(function() {
  var Marzipano = window.Marzipano;
  var bowser = window.bowser;
  var screenfull = window.screenfull;
  var data = window.APP_DATA;

我相信更改文件 data.js 中包含的值，我也会更改有效结果，但我所有的更改似乎都不会以任何方式影响页面。我在这里错过了什么？