如何摆脱手机上所有可能的网站数据

Question

我在我的网络应用程序中显示图像时遇到问题，除了一些奇怪的缓存情况外，我想不出任何其他原因。该图像具有以下 CSS 属性，因此它始终显示图像的正方形部分：

object-fit: cover;
height: 100vw;
width: 100%;

现在，当我在手机上测试应用程序时，图像会被拉伸，就像浏览器不支持对象匹配一样。但是当我在我女朋友的手机上测试它时，它工作得很好。奇怪的是，我们有完全相同的手机（三星 s10e）运行相同的操作系统并使用相同的浏览器（Android 版 Chrome）和浏览器版本（83+）。我尝试从已安装的任何浏览器中重新安装和删除临时数据，但无法正常工作。如果有帮助，该应用正在使用 Web 应用清单，但还没有使用 Service Worker。

如果有人知道如何从这里出发，请告诉我。

Answer 1

您应该清除浏览器缓存。方法如下...

打开 chrome 并点击更多。单击更多工具，然后清除浏览数据。选择时间范围或所有时间。检查 cookie 和其他站点数据以及缓存的图像和文件。您可以先尝试清除缓存的图像和文件，但要完全清除另一个（这可能会使您退出大多数网站） 清除清除数据并完成。

如果您不希望您的一个网页在所有浏览器（仅支持的浏览器）上缓存，请查看 pragma 元标记。