現代Javascript無法直接檢測硬盤空間，但可通過navigator.storage api檢測瀏覽器存儲配額。1.使用navigator.storage.estimate()獲取usage（已用）和quota（配額）值；2.通過persist()請求持久化存儲以避免數據被清除；3.通過persisted()檢查是否啟用持久化。該機制出于安全限制，并非反映真實硬盤容量。若需應對存儲不足，可清理緩存、使用indexeddb或優化數據存儲策略。quota值受用戶硬盤、瀏覽器配置等因素動態影響，且僅在https環境下允許訪問api，否則可能觸發securityerror。開發者可用chrome devtools模擬不同存儲限制進行測試。
現代JavaScript，特別是瀏覽器環境下的JavaScript，實際上并不能直接檢測硬盤空間。這主要是出于安全考慮，瀏覽器不允許腳本隨意訪問用戶的底層硬件信息。所以，我們討論的更多是瀏覽器提供的存儲空間檢測，而不是真正的硬盤空間。
瀏覽器存儲空間檢測方法
我們能做的是利用瀏覽器提供的API，例如navigator.storage，來估算當前網站可用的存儲空間。但請注意，這只是一個估算值，并不代表用戶的實際硬盤剩余空間。
如何使用navigator.storage API？
navigator.storage API提供了幾個有用的方法：
- navigator.storage.estimate(): 這個方法返回一個promise，resolve的結果是一個對象，包含usage（已使用的字節數）和quota（可用字節數）兩個屬性。
- navigator.storage.persist(): 請求瀏覽器不要清除當前網站的數據。用戶仍然可以手動清除，但瀏覽器會盡量保留。
- navigator.storage.persisted(): 檢查當前網站的數據是否被標記為持久化存儲。
下面是一個簡單的例子：
navigator.storage.estimate().then(estimate => { console.log(`Used: ${estimate.usage}`); console.log(`Quota: ${estimate.quota}`); });
這個例子會輸出當前網站已使用的存儲空間和可用的存儲空間。
為什么不能直接訪問硬盤空間？
想象一下，如果JavaScript可以隨意訪問硬盤空間，惡意網站就能輕易獲取你的硬盤信息，甚至寫入惡意文件。這會帶來嚴重的安全風險。瀏覽器出于安全考慮，對JavaScript的權限做了嚴格的限制。
存儲空間不足時怎么辦？
當瀏覽器存儲空間不足時，可能會出現以下情況：
- 網站無法保存數據。
- 網站運行緩慢。
- 瀏覽器彈出警告，提示用戶清理存儲空間。
解決這個問題的方法有很多：
- 清理瀏覽器緩存和數據: 用戶可以手動清理瀏覽器的緩存和數據，釋放存儲空間。
- 使用IndexedDB或Web sql: 這些API提供了更大的存儲空間，并且可以異步操作，避免阻塞主線程。
- 優化存儲策略: 減少不必要的數據存儲，或者使用壓縮算法來減小數據體積。
- 提示用戶: 如果存儲空間不足，可以提示用戶清理瀏覽器數據，或者提供其他解決方案。
quota的值是如何計算的？
quota的值并不是固定的，它受到多種因素的影響，包括：
- 用戶的硬盤剩余空間。
- 瀏覽器的配置。
- 用戶的歷史使用情況。
瀏覽器會根據這些因素動態調整quota的值。因此，即使在同一臺電腦上，不同網站的quota值也可能不同。
如何處理SecurityError？
在使用navigator.storage API時，可能會遇到SecurityError。這通常是因為網站沒有使用HTTPS協議。navigator.storage API只能在安全上下文中使用，也就是HTTPS協議。所以，確保你的網站使用HTTPS協議，才能正常使用navigator.storage API。
除了navigator.storage，還有其他方法嗎？
早期有一些嘗試，比如利用Flash或者Java Applet來獲取硬盤信息，但這些技術已經過時，并且存在安全風險。現在，navigator.storage是推薦的、安全的解決方案。
如何測試存儲空間限制？
開發者可以使用chrome devtools來模擬存儲空間限制。在Application面板中，可以設置Storage Quota，模擬不同的存儲空間限制，以便測試網站在存儲空間不足時的表現。
