如何临时禁用缓存或以某种方式刷新页面以查看更改？

目前还不清楚你指的是哪种“缓存”。有几种不同的方法可以让浏览器持久地缓存内容。Web存储是其中之一，缓存控制是另一个。

一些浏览器还具有缓存，与服务工作者一起使用，以创建提供离线支持的渐进式Web应用程序（PWA）。

清除PWA的缓存

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

要列出缓存键的名称，请运行：

self.caches.delete('my-site-cache')

按名称删除缓存密钥（即我的站点缓存）。然后刷新页面。

如果刷新后在控制台中看到任何与工作程序相关的错误，则可能还需要注销已注册的工作程序：

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

嘿，如果您的网站使用的是PHP，那么请在html页面的开头放置以下PHP代码片段：

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

现在，在脚本或链接元素中加载CSS或JS文件等资源的任何地方，都会在附加“？”后将生成的随机值附加到请求URL通过PHP连接到URI：

    echo $rand;

就是这样！无论哪种浏览器，都不会再缓存您的网站。

当然，在发布之前删除代码，或者简单地将$rand设置为空字符串以允许再次缓存。

而不是按“F5”只需点击：

“Ctrl+F5”

现在有更好更快的方法（Chrome版本59.x.x）：

右键单击重载图标（url字段的左侧），您将看到一个下拉菜单，选择第三个选项：“空缓存和硬重载”。

此选项仅在开发人员工具打开时可用。（注意与选项2的区别：“硬重新加载”-cmd-shift-R）。这里没有清空缓存！

要明确的是，Chrome中的禁用缓存复选框（这里是v17，但我认为是v15）不在主设置UI中。它位于开发人员工具设置UI中。

从浏览器窗口的扳手图标菜单（首选项菜单）中选择工具→ 开发人员工具在出现的开发人员工具UI中，单击右下角的齿轮图标。选中“网络”部分的“禁用缓存”复选框。

Chrome DevTools可以禁用缓存。

右键单击并选择Inspect Element以打开DevTools。或使用以下键盘快捷键之一：

第12页控制+Shift+i命令+Shift+i

单击工具栏中的网络以打开网络窗格。选中顶部的禁用缓存复选框。

请记住，正如@ChromiumDev的一条推文所述，此设置仅在开发工具打开时才处于活动状态。

请注意，这将导致重新加载所有资源。如果您希望仅对某些资源禁用缓存，则可以修改服务器随文件一起发送的HTTP标头。

如果您不想使用禁用缓存复选框，在DevTools打开的情况下长按刷新按钮将显示一个菜单，其中包含硬重新加载或空缓存和硬重新加载选项，这应该具有类似的效果。阅读选项之间的差异，了解要选择哪个选项。以下快捷方式可用：

Mac上的Command+Shift+RWindows或Linux上的Control+Shift+R