Windows 10/Edge 固定站点磁贴 - 缓存/刷新和不准确的磁贴颜色渲染

Question

不确定这是 Edge 还是更一般的 Windows 10 问题，但尝试让固定站点磁贴正常工作时遇到了一些相当奇怪的行为。

首先，应用程序平铺图像是否被积极缓存？似乎一旦站点被固定，对相关元元素的更改似乎就被忽略了。取消固定、清除浏览器缓存和对临时文件/临时 Internet 文件进行 Windows 清理没有任何效果。即使完全删除元元素，然后尝试固定站点，仍然会重复使用旧元素。这使得调试/测试相当困难。有什么我想念的吗？瓦片信息如何刷新？

其次，似乎指定的 msapplication-TileColor 处理不正确 - 在下面的示例中，我为图标本身使用透明 PNG 文件，设置平铺颜色

<meta name="application-name" content="The Paciello Group (TPG)"> 
<meta name="msapplication-TileColor" content="#1b75bc"> 
<meta name="msapplication-TileImage" content="/images/tpg-white-trans-144.png">
<meta name="msapplication-square70x70logo" content="/images/tpg-white-trans-70.png">
<meta name="msapplication-square150x150logo" content="/images/tpg-white-trans-150.png">
<meta name="msapplication-square310x310logo" content="/images/tpg-white-trans-310.png">

但是，检查实际使用的颜色，它似乎比#1b75bc 更接近#2672EC。这可能是因为某些颜色配置文件问题吗？会不会是 PNG 中的颜色配置文件信息影响了实际特定图块颜色的渲染？

Answer 1

他们搞砸了，第一个 Windows 10 版本使用 msapplication-tilecolor，在 8 月 5 日左右第一次大规模更新后，他们也取消了 tilecolor，将其设为默认蓝色（或任何用户偏好）

我们也需要文字颜色

Answer 2

首先，应用程序平铺图像是否被积极缓存？

是的，远程平铺图像已缓存，并且与普通 Internet 缓存分开缓存。要在不更改 URL 的情况下更新图像，您必须添加新的查询字符串参数，以便将其视为新 URL。

如何刷新磁贴信息？

缓存的条目存储在注册表中...

HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\PushNotifications\wpnidm

您可能可以找到相关的图像缓存条目并将其删除以进行调试，但我不会做出任何承诺。

其次，似乎指定的 msapplication-TileColor 处理不正确

看起来像SiSL has your answer：“他们搞砸了，第一个 Windows 10 版本使用 msapplication-tilecolor，在 8 月 5 日左右的第一次大规模更新之后，他们也取消了 tilecolor，将其设为默认蓝色（或其他用户偏好是）”

Answer 3

我找到了缓存路径！

转到类似于此的路径：“C:\Users\UserName\AppData\Local\Packages\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\LocalState\PinnedTiles”。

文件夹“Microsoft.MicrosoftEdge_8wekyb3d8bbwe”的名称可能略有不同。

您固定的图块的缓存文件（图像、XML...）将位于此路径中的文件夹内。

删除尽可能多的内容。

Answer 4

不过，我不确定这与颜色有关。我最近一直在测试这个 MSTiles 功能，它看起来在 Win10 上现在使用您为网站设置的图标之一（对我来说，它似乎使用了 webmanifest 中的最大图标）。它完全忽略了我在 browserconfig.xml 文件的元标记中为图标编写的内容（square* 和wide* 元素），这似乎导致我只能将磁贴的大小设置为小或中等。