css - 带有指纹 Assets 的 Chrome 工作区

标签 css google-chrome bundling-and-minification developer-tools cassette

Chrome workspaces :假设我将本地 CSS 文件映射到本地 http 服务器提供的文件。一切都很好,我可以在浏览器中修改文件,并且在页面刷新时我的更改仍然存在。

我们碰巧对我们的 Assets 进行了指纹识别,以便通过像 styles.css?longuniquehash 这样的 url 来引用它们。很好的做法 - 这样我们就可以使用积极的缓存并确保客户端将使用最新的 Assets 。

但是,这会适得其反,因为每当更新 url 时映射都会丢失。简而言之:我们将 styles.css?123 映射到本地资源,我们更改它并在页面刷新时返回为 styles.css?234 必须是再次映射。

我们正在使用 cassette , 但问题可以在任何带有指纹识别的设置上重现。我是否缺少设置或解决方法?

最佳答案

根据 Chromium 的说法,在 Chrome 49 之前,对使用查询参数(即 style.css?123)映射 URL 的支持只是部分支持——在 Chrome 49 中它被完全删除了。

如果您无法从代码中手动删除参数,临时解决方法是在页面加载后从 Chrome 检查器中的样式表引用中删除 ?123 参数。然后您的工作区映射和自动刷新应该可以正常工作,直到您再次加载页面。

您可以在此处加注星标并关注此问题:bugs.chromium.org

关于css - 带有指纹 Assets 的 Chrome 工作区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23095558/

相关文章:

visual-studio - Visual Studio 2015 缩小 "access to path bundleconfig.json denied"

asp.net-mvc-4 - 我可以按特定顺序将两个 bundle 合并在一起,例如将两个 bundle 连接起来并为其生成一个 bundle 吗?

javascript - 在 IIS 8 (Windows 8) 上部署 ASP.Net MVC 应用程序时未呈现 CSS 和 JS 文件

css - Grails - 在 CSS 中获取图像资源

css - 带有 CSS 背景颜色的 HTML5 标记

javascript - document.title 的替代品?

google-chrome - webshaper webgl 演示安全问题?

html - 如何将居中和右对齐的 <div> 并排放置

html - Div类:hover not working properly in IE

javascript - 如何接收从内容脚本发送到 popup.js/html 的消息?