我的 appcache 清單測試有什么問題？
[英]What's wrong with my appcache manifest test?
問題描述
我正在嘗試測試Appcache清單：
<?php
// reference: http://diveintohtml5.info/offline.html
header( "Content-Type: text/cache-manifest" );
header( "Cache-Control: max-age=0, private, must-revalidate" );
?>CACHE MANIFEST
# todo
/cachetest/tryme/vid/missouristate
現在這似乎在網絡檢查器中有正確的標題，並鏈接到 html 文件的頂部：
<!DOCTYPE html>
<html manifest="/cachetest/cache.manifest/index.php" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
但是，零證據表明這確實有效。 如果它工作，它應該不顯示任何其他物品，除非它有一個網絡*在該文件中設置，如描述在這里：
最后，讓我們檢查一下網絡部分。 這個緩存清單中的網絡部分也只有一行，一行只包含一個字符 (*)。 該字符在網絡部分具有特殊含義。 它被稱為“在線白名單通配符標志”。 這是一種奇特的說法，只要您有互聯網連接，任何不在 appcache 中的內容仍然可以從原始網址下載。 這對於“開放式”離線 Web 應用程序很重要。 這意味着，當您在線瀏覽這個假設的支持離線的 Wikipedia 時，您的瀏覽器將正常獲取圖像、視頻和其他嵌入資源，即使它們位於不同的域中。 （這在大型網站中很常見，即使它們不是離線 Web 應用程序的一部分。HTML 頁面是在本地生成和提供的，而圖像和視頻是從另一個域的 CDN 提供的。）如果沒有這個通配符標志，我們的假設當您在線時，啟用離線功能的 Wikipedia 會表現得很奇怪——特別是，它不會加載任何外部托管的圖像或視頻！
這看起來像離線工作的類似網絡應用程序，但我想知道是否必須在 localhost 或 local-ip 上設置 https 才能讓瀏覽器甚至識別它。
我記得最近看到一些關於 Appcache 現在需要 https 的內容，因為 Serviceworker 也需要 https。 這是我必須在測試環境中設置的東西才能在最新的瀏覽器中工作嗎？ 我可以更改 about:config 以在普通 http 上使用嗎？ 還是我錯過了其他東西？
2 個解決方案
解決方案1
1 2020-05-16 17:41:27
檢查以下步驟以了解為什么您的代碼不起作用，然后您的代碼可能會起作用。
- 您正在使用
php文件，但清單文件的推薦文件擴展名是：“.appcache” - 如果您使用
.appcache則不需要設置標題，瀏覽器將獲取.appcache擴展名的text/cache-manifest標題。 - 在 manifest 中，第一行
CACHE MANIFEST是必需的。 所以首先刪除php代碼。 -
CACHE MANIFEST部分只能獲取 JS、CSS、圖像等資源。我認為您輸入的頁面名稱不正確。
在檢查完上述步驟后，清單可能會如下准備就緒。
名稱將是： index.appcache
CACHE MANIFEST
# todo
/cachetest/images/1.jpg
/cachetest/css/style.css
NETWORK:
/login.php
FALLBACK:
/html/ /cachetest/offline.html
<!DOCTYPE html>
<html manifest="/cachetest/cache.manifest/index.appcache" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
例如，給出了文件列表的名稱。
解決方案2
0 2015-11-15 16:46:03
你沒有做錯任何事。
Appcache 在 Firefox 中不起作用。 （至少對於我在 Firefox 42.0 中）
但它確實在 Chrome 中工作（我在 46.0.2490.86（最新）上試過）。
部分測試頁面：
http://appcache-demo.s3-website-us-east-1.amazonaws.com/without-network/
http://appcache-demo.s3-website-us-east-1.amazonaws.com/with-network/
http://appcache-demo.s3-website-us-east-1.amazonaws.com/offline-iframe/
當然，您可以制作自己的空緩存清單文件並親自查看。
祝你好運
測試頁面來源： http : //alistapart.com/article/application-cache-is-a-douchebag
我的manifest.json有什么問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.