能否通过浏览器扩展开发程序化清除‘Offline Website Data’？

可以实现，但browser.browsingData.remove并没有直接对应「Offline Website Data」的配置项，这类数据主要包含Service Worker缓存、IndexedDB等离线存储内容，需要结合其他API来完成清除：

• 清除Service Worker缓存
  Service Worker缓存是离线网站数据的核心组成部分，可通过caches API遍历并删除所有缓存：

  caches.keys().then(cacheNames => {
    return Promise.all(
      cacheNames.map(cacheName => caches.delete(cacheName))
    );
  }).then(() => {
    console.log("Service Worker缓存已清除");
  });
  

• 清除IndexedDB数据
  离线网站常用IndexedDB存储持久化数据，可通过indexedDB.deleteDatabase删除指定数据库（若要批量清除，需提前知晓目标数据库名称）：

  const deleteIndexedDB = (dbName) => {
    return new Promise((resolve, reject) => {
      const request = indexedDB.deleteDatabase(dbName);
      request.onsuccess = () => resolve();
      request.onerror = () => reject(request.error);
    });
  };
  
  // 调用示例：删除名为"offline-app-db"的数据库
  deleteIndexedDB("offline-app-db").then(() => {
    console.log("指定IndexedDB已清除");
  });
  

• 完整清除方案
  若要覆盖所有离线相关数据，可将browser.browsingData.remove的cache参数设为true（清除HTTP缓存），再结合上述Service Worker缓存和IndexedDB的清除操作：

  // 先清除基础浏览数据
  browser.browsingData.remove({}, {
    "cookies": true,
    "history": true,
    "downloads": true,
    "cache": true,
    "formData": true,
  }).then(() => {
    // 清除Service Worker缓存
    return caches.keys().then(cacheNames => {
      return Promise.all(cacheNames.map(cacheName => caches.delete(cacheName)));
    });
  }).then(() => {
    // 清除目标IndexedDB
    return deleteIndexedDB("your-target-db");
  }).then(() => {
    console.log("离线网站数据及其他指定数据已清除");
  }).catch(err => {
    console.error("清除失败:", err);
  });
  

注意事项 #

• 扩展需在manifest.json中声明对应权限："browsingData"、"storage"，若需访问所有网站的离线数据，还需添加"<all_urls>"权限。
• 部分浏览器对IndexedDB的批量清除有限制，建议针对具体业务场景处理目标数据库。

内容的提问来源于stack exchange，提问作者Lion King