iPad 未使用 javascript 更新页面（使用 Django 后端）

Question

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

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

---编辑---

我现在运行在生产服务器上。仍然有同样的问题。查看访问日志，我可以看到来自 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 中。

问题：

这是缓存问题吗？
如果是这样，我该如何告诉 iPads 处理它？
如果没有，我还应该看什么？

编辑：

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

Answer 1

这里你可以有一个竞争条件：如果 JavaScript 代码在页面完全呈现之前执行，第一次调用 update_times() 可能会错过 $('#last_times')，并且 setTimeout() 永远不会被触发。

我建议推迟通话如下：

$(document).ready(function() {
    update_times();
});

这确保 update_times() 在页面 DOM 准备好执行 JavaScript 代码后运行。

也许可以尝试将 load() 替换为 ajax() 以使 iPad 满意，正如 Jane 在之前的评论中所建议的那样；所以使用：

$.ajax( {
    url: url_actions,
    success: function(data) {
        $('#action_log').html(data);
    }
});

而不是：

$('#action_log').load(url_actions)

Answer 2

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

所以，回答我的问题：

没有
N/A
时间格式。

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

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

iPad 未使用 javascript 更新页面（使用 Django 后端）

iPad not updating page using javascript (with Django backend)

javascript

jquery

django

ipad