javascript - iPad 不使用 javascript 更新页面(使用 Django 后端)

Question

我正在页面上编写一个脚本，用于检查页面的特定部分是否应该更新(基于从 Django View 传入的页面信息)。更新适用于计算机/笔记本电脑上的浏览器，但在 iPad 上的浏览​​器上失败(根据我的阅读，我希望是 iPhone)。它甚至适用于我的 Pixel 手机。所以，看起来这是一个仅限于 iPad(和手机？)的问题。

目前，我正在 Django 的开发服务器上运行，如果这对问题有任何影响的话。从我在 putty 终端上看到的，iPad 正在发出请求(每 2 秒有一个 GET)，但我不知道 iPad 上发生了什么，没有任何更新。 Safari 和 Chrome 都表现出相同的问题行为。上次我查看这个问题(代码略有不同)时，它不是 Macbook 的问题，只是 iPad 的问题。

---编辑---

我现在在生产服务器上运行。仍然有同样的问题。查看访问日志，我可以看到来自 iPad 的请求，只是显示的页面没有变化。

---

这里是有问题的代码:

HTML

{% block page_updates %}
<div class="container-fluid" id="last_times">
    <p style="display:none">Last action taken: <span id="actionTime">{{ update_times.action.isoformat }}</span></p>
    <p style="display:none">Last chat made: <span id="chatTime">{{ update_times.chat.isoformat }}</span></p>
</div>
<p style="display:none">Page last updated: <span id="updateTime"></span>
{% endblock %}

Javascript

<script>
function refresh_action_log(){
    var url_actions = document.URL + ' #action_log';
    var url_destiny = document.URL + ' #destiny_box';
    $('#action_log').load(url_actions);
    $('#destiny_box').load(url_destiny);
}
function refresh_chat_log() {
    var url_chat_log = document.URL + ' #chat_log';
    $('#chat_log').load(url_chat_log);
}
function check_and_update() {
    var pageUpdate = new Date(document.getElementById('updateTime').innerHTML);
    var actionUpdate = new Date($("#actionTime").text());
    var chatUpdate = new Date($("#chatTime").text());
    var now = new Date();
    if (actionUpdate > pageUpdate && chatUpdate > pageUpdate) {
        refresh_action_log();
        refresh_chat_log();
        // changing all of the .toLocaleString() to .toISOString() was the solution
        document.getElementById('updateTime').innerHTML = now.toLocaleString();  
    } else if (actionUpdate > pageUpdate) {
        refresh_action_log();
        document.getElementById('updateTime').innerHTML = now.toLocaleString();
    } else if (chatUpdate > pageUpdate) {
        refresh_chat_log();
        document.getElementById('updateTime').innerHTML = now.toLocaleString();
    };
}
function update_times() {
    var url_last_times = document.URL + ' #last_times';
    $('#last_times').load(url_last_times, function () {
        // When it loads, schedule the next request for 2s later
        setTimeout(update_times, 2000)
    });
    check_and_update();
};
$(function () {
    update_times();
    var dt = new Date();  // This line and the next were sitting in another function
    document.getElementById('updateTime').innerHTML = dt.toLocaleString();
})
</script>

根据其他一些堆栈溢出问题，我有预感问题出在 iPad 的缓存上。

问题:

1. 这是缓存问题吗？
2. 如果是这样，我该如何让 iPad 处理它？<​​/li>
3. 如果没有，我还应该看什么？

---

编辑:

最终解决方案:iPad 读取时间不正确。我会发布一个详细的答案。

Answer 1

好吧， bat 侠，请问我这个谜语:为什么 iPad 处理日期字符串的方式与其他所有方式不同？在质疑了一切(包括我的理智)之后，问题是，在 iPad 上，我用来确定是否应该重新加载这些部分的日期是无效的日期类型，而它们在所有方面都工作得很好否则。

所以，回答我的问题:

1. 没有
2. 不适用
3. 时间格式。

解决方案是将所有 .toLocaleString() 转换为 .toISOString()。由于我不知道的原因，iPad 无法读回 updateTime，将其解析为 Date 对象并将其与代码使用 .toLocaleString() 的其他时间进行比较(即使所有其他 设备可以。)

因此，重申一下，iPad 无法解析已放入 .toLocaleString() 的 Date 对象中的文本，但如果文本为 ISOString 格式，则可以。