Dar*_*rum 5 web-applications mobile-safari offline-caching ios html5-appcache
我正在使用移动 Safari 和“添加到主屏幕”功能开发一个 HTML5 网络应用程序，以便在 iPad2 上离线使用。我能够在桌面 Chrome 中使用 cache.manifest 文件实现离线缓存，但无法使其在 iOS 移动 Safari 中工作。
该应用程序在线时在 iPad 上运行流畅，但一旦我离线，我会收到以下错误消息：“MyApp 无法打开，因为它未连接到互联网”（在 iPad 上的“添加到主屏幕”视图中）和“Safari 无法打开页面，因为它没有连接到互联网”（在同一台 iPad 上的 safari 视图中）。
我在网上阅读了数百个故障排除/问题页面和清单教程，试图解决这个问题，但没有一个建议有效。在阅读了很多关于此功能的内容后，它应该很容易实现，但我在这里。
这是迄今为止我所做/尝试/使用但没有成功的总结。我已经使用 cache.manifest 和 manifest.appcache 变体尝试了以下所有方法，但没有成功，但为简单起见，我将只记录 cache.manifest 案例：
我正在使用本地安装在 Win10 x64 上的最新 Xampp Apache for Windows 服务器进行开发和测试
目标设备是运行 iOS 8.4 版和移动 Safari 8 版的 iPad2。我的完整用户代理字符串是：
Mozilla/5.0 (iPad; CPU OS 8_4 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H143 Safari/600.1.4
在 Xampp 中，我更新了 httpd.conf 文件以包含 .manifest 的正确 MIME 类型
AddType text/cache-manifest .manifest
在 Xampp 中，我更新了 xampp\apache\conf\ 下的 mime.types 文件，以包含 .manifest 的正确 MIME 类型
text/cache-manifest manifest
在 Xampp 中，由于我的 Web 应用程序使用 ttf、woff、ico、png、jpg、js、mp3 和 css 文件，因此我已验证 xampp\apache\conf\ 下的 mime.types 文件以确保它包含以下 MIME 类型：
application/x-font-ttf ttf ttc
application/x-font-woff woff
image/x-icon ico
image/png png
image/jpeg jpeg jpg jpe
application/javascript js
audio/mpeg mpga mp2 mp2a mp3 m2a m3a
我在 web 应用程序根公共 HTML 目录中放置了一个 .htaccess 文件，用于 .manifest 的正确 MIME 类型
AddType text/cache-manifest .manifest*
我在索引页的 HTML 元素中包含了 manifest 属性：
<!DOCTYPE html>
<html lang="en" manifest="cache.manifest">
<head>
我试过从声明的 index.html 中删除这一行，但它没有用：
<meta name="apple-mobile-web-app-capable" content="yes">
在切换到飞行模式和刷新之前，我已经让应用程序在 Safari 中缓存了足够的时间。我使用的是 Windows 机器，因此无法使用 Web Inspector 进行调试。我使用Jonathan Stark 的 Debugging Script和JSConsole来尝试调试，但它并没有真正提供太多有用的信息，只是它没有被缓存，我知道这是因为它不起作用。
我创建了一个 cache.manifest 文件并将其放置在网络应用程序根公共 HTML 目录中。我已经包含了其他解决方案的建议，其中许多来自其他 stackoverflow 问题，包括：
清单的内容是：
CACHE MANIFEST
# ver 0.0.8
CACHE:
data/apple-touch-icon.png
data/favicon.ico
data/fnt0.ttf
data/fnt0.woff
data/fnt1.ttf
data/fnt1.woff
data/fnt2.ttf
data/fnt2.woff
data/fnt3.ttf
data/fnt3.woff
data/html5.png
data/html5-unsupported.html
data/img0.jpg
data/img1.png
data/img10.jpg
data/img11.jpg
data/img12.png
data/img13.png
data/img14.png
data/img15.png
data/img16.jpg
data/img17.png
data/img18.png
data/img19.png
data/img2.png
data/img20.png
data/img21.png
data/img22.png
data/img23.png
data/img24.png
data/img25.png
data/img26.png
data/img27.png
data/img28.png
data/img29.png
data/img3.png
data/img30.png
data/img31.png
data/img4.png
data/img5.png
data/img6.png
data/img7.png
data/img8.png
data/img9.png
data/player.js
data/slide1.css
data/slide1.js
data/slide10.css
data/slide10.js
data/slide11.css
data/slide11.js
data/slide12.css
data/slide12.js
data/slide13.css
data/slide13.js
data/slide14.css
data/slide14.js
data/slide15.css
data/slide15.js
data/slide16.css
data/slide16.js
data/slide17.css
data/slide17.js
data/slide18.css
data/slide18.js
data/slide2.css
data/slide2.js
data/slide3.css
data/slide3.js
data/slide4.css
data/slide4.js
data/slide5.css
data/slide5.js
data/slide6.css
data/slide6.js
data/slide7.css
data/slide7.js
data/slide8.css
data/slide8.js
data/slide9.css
data/slide9.js
data/sound1.mp3
NETWORK:
*
FALLBACK:
我真的很感激在这个问题上有一些新的眼光，我只是看不出问题出在哪里。
| 归档时间： |
|
| 查看次数： |
2206 次 |
| 最近记录： |