jquery - 简单的 AJAX jQuery 在开发人员工具激活之前不会执行 - Firefox 和 Chartist.js

Question

我见过关于这个主题的类似问题，但从未在 Firefox 中看到过这种情况。我在运行 Yosemite 的现代 Mac 上使用 Firefox 49.0.2。

我刚刚添加的代码一直保留到我打开开发者控制台：

            var jsonSeries = [];
            $.ajax({
                url: 'https://api.simplymeasured.com/v1/analytics/<account-id>/profiles/metrics?filter=profile.id.eq(<numbers>)&filter=analytics.timeseries_key.gt(2016-10-01)&dimensions=analytics.timeseries_key.by(day)',
                headers: {
                    'Authorization': 'Bearer <a long key>',
                    'Content': 'application/json',
                    'Cache-Control': 'no-cache, no-store'
                    },
                type: 'GET',
                dataType: 'json',
            }).done(function(json) {
                for (var i = 0; i < json.data.length; i++) {
                    jsonSeries.push(json.data[i]['attributes']['metrics']["analytics.audience_count"]);
                }
            });

            var dataCT = {
              labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
              series: [
                jsonSeries
              ]
            };

            var optionsCT = {
              axisX: {
                labelInterpolationFnc: function(value, index) {
                  return index % 2 === 0 ? value : null;
                }
              }
            };

            new Chartist.Bar('.ct-chart', dataCT, optionsCT);

之后初始化的图表甚至可以正常加载，它只是空的。即使我的开发者控制台最初是打开的，实际数据也不会出现，直到我简单地调整开发者控制台的大小。似乎开发者控制台上的任何触发器或操作都会引入数据。

---

最初打开开发者控制台，重新加载页面，甚至等待 10 多秒以防万一：

---

调整开发者控制台的大小后只有几个像素：