小编aru*_*bel的帖子

使用 javascript 或 jquery，有没有办法跟踪网页发送的 http 请求（包括标头、参数等）？我想要实现的是类似于 Google Chrome 开发者控制台“网络”选项卡的功能。我找到的所有解决方案要么是跟踪 Ajax 请求，要么是使用 javascript（使用 XMLHttpRequest 对象）发出的请求。此功能也应该是跨浏览器兼容的。

我正在开发一个离线应用程序,它也有一组.php页面.目前我已将这些php文件放在.appcache清单文件中,并且工作正常.但问题是,即使我在线,当我尝试访问php页面时,它会加载缓存版本.我更喜欢的是这样的功能,

• 如果在线 - 连接到服务器并加载最新信息,并用新信息覆盖缓存的信息.
• 如果离线 - 显示上次更新的静态html页面.

这是我的.appcache清单文件内容

CACHE MANIFEST
#2
taskmanager.php
public/css/bootstrap.css.map
public/css/bootstrap.min.css
public/css/bootstrap-theme.css.map
public/css/bootstrap-theme.min.css
public/css/main.css
public/css/task-manager.css
public/js/app.js
public/js/taskmanager.js
public/js/offlink.js
public/js/jquery-2.1.4.js
public/js/bootstrap.min.js

NETWORK:
*
http://*

taskmanager.php所做的是从数据库中读取任务并显示它.当我像上面一样缓存它时,它将始终显示第一次加载时的任务列表.即使我在线,它也不会调用数据库并获取新条目.而是从缓存加载.所以,我的解决方案是将它放在FALLBACK部分中,如第一个答案所述.即使我把taskmanager.php文件放在FALLBACK部分下面,如下所示,

FALLBACK
taskmanager.php static_taskmanager.php

现在,如果我有互联网连接,taskmanager.php将运行并将显示最新任务.但是我想以这样的方式创建static_taskmanager,它将与那些最新的任务集同步.这意味着,当用户离线时,static_taskmanager.php将显示当用户在线时taskmanager.php返回的最新任务列表.但目前它作为一个完整的静态页面工作.

1. 是否有可能做到这一点？
2. 我该如何解决这个问题？

编辑

正如我通过搜索SO和Google所理解的,实现此目的的一种方法是使用AJAX加载动态内容.但我想知道是否可以只使用清单文件本身.

我正在使用framework7,它是一个图书馆的地狱,但在动画方面很糟糕.它适用于某些操作系统版本,有些版本很慢.现在我只想一起禁用动画,因为我正在追求的功能.

在ini期间,我有以下内容:

var myApp = new Framework7({
    modalTitle: 'MeLife',
    // Enable Material theme
    material: true,
    animatePages:false,
    externalLinks:'.external',
    sortable:false,
    swipeout:false,
    materialRippleElements:'',
});

在animatePages似乎有正确的效果,但只在页面过渡.我想在单击按钮/链接时禁用动画,我认为应该通过设置materialRippleElements为空而没有任何内容来实现.

有什么想法吗？