CouchApp在Safari 11.1及iOS 11.3中无法显示的原因排查

我开发了一款展示太阳能热水系统数据图表的CouchApp，过去8年在Mac/iOS/Android的Safari、Chrome、Firefox中运行一直很稳定。但将Mac端Safari更新至11.1后，页面频繁出现“因发生问题，此页面已重新加载”的错误，点击重试还会显示“[该网站]反复出现问题”；iOS 11.3版Safari也出现了同样的问题，不过旧版本Safari完全没有异常。更奇怪的是，只要打开开发者控制台后重新加载，页面就能正常显示且没有任何报错。

UPDATE：我注意到崩溃前会短暂显示部分静态内容，推测错误可能出在通过jQuery 1.8.1的getJSON调用获取数据时，相关代码如下：

var url = '_view/byDate?group_level=' + group_level.toFixed(0);
url += '&startkey=' + makeKey(start_date);
if (date) {
  url += '&endkey=' + makeKey(end);
}
data_query = $.getJSON(url);

针对这个问题，结合Safari 11.x的特性和你的场景，我整理了一些排查方向和修复建议：

可能的根因分析 #

• Safari JS引擎优化bug：开启开发者控制台时，Safari会自动关闭部分JS优化（比如JIT编译），此时页面正常，说明大概率是Safari的JS引擎在特定代码路径下的优化逻辑触发了崩溃。你的jQuery版本是1.8.1，属于比较老旧的版本，可能存在和现代Safari引擎不兼容的边缘场景。
• JSON请求/解析异常：getJSON在处理响应时，如果返回的JSON数据存在特殊情况（比如超大体积、特殊字符格式），新Safari的解析器可能触发未捕获的异常进而导致页面崩溃。而控制台开启时，浏览器的内存管理或解析逻辑会有所不同，避免了崩溃。

具体的排查与修复步骤 #

• 优先升级jQuery版本：把jQuery从1.8.1升级到较新的稳定版（比如3.x系列），老版本的jQuery存在很多已修复的兼容性问题，尤其是和现代浏览器的JS引擎交互时，升级后大概率能解决这类奇怪的崩溃问题。
• 添加错误捕获逻辑：给getJSON加上.fail()回调，尝试捕获请求或解析过程中可能出现的错误，哪怕正常加载时没报错，崩溃前可能存在未被捕获的异常：

  data_query = $.getJSON(url)
    .fail(function(jqXHR, textStatus, errorThrown) {
      console.error('getJSON请求出错:', textStatus, errorThrown);
    });
  

• 替换为显式的AJAX调用：暂时用$.ajax替代getJSON，显式配置参数并添加日志，追踪请求的完整过程，看看是否能定位到崩溃的触发点：

  $.ajax({
    url: url,
    dataType: 'json',
    beforeSend: function() {
      console.log('开始请求:', url);
    },
    success: function(data) {
      console.log('收到数据:', data);
      // 这里放置原有的数据处理逻辑
    },
    error: function(err) {
      console.error('请求错误:', err);
    }
  });
  

• 测试数据体积影响：如果返回的数据集比较大，尝试在请求URL中添加limit参数限制返回数据的数量，看看是否是数据量过大导致的内存溢出崩溃。比如修改URL为：_view/byDate?group_level=...&limit=100，再测试页面是否还会崩溃。
• 补充苹果Bug反馈：你已经提交了Bug（编号39437438），可以补充一些新的测试信息（比如开启控制台后正常的现象、升级jQuery后的测试结果），这能帮助苹果更快地定位问题。

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