CSS 不呈现

当我在 css 文件中进行更改时,运行应用程序时不会出现结果(我尝试清理/重建解决方案但同样的问题)。


捆绑配置:


...

bundles.Add(new StyleBundle("~/Content/css").Include(

             "~/Content/Index.css",

             "~/Content/Layout.css",

             "~/Content/Login.css"

             ));

索引.cshtml:


@{

  ViewBag.Title = "Index";

  Layout = "../Shared/_Layout.cshtml";

 }

<head>

    <link href="@Url.Content("~/Content/Index.css")" rel="stylesheet" type="text/css" />

</head>

当我使用 chrome 工具检查时:

http://img1.mukewang.com/63a65ff80001688b07470338.jpg

在此图像中,当我更改代码时,CSS 不会更新。



繁花不似锦
浏览 83回答 1
1回答

开心每一天1111

如果您不希望浏览器使用 CSS 文件的缓存版本,常见的解决方案是在 HTML 文件的 URL 末尾附加一个查询字符串。这是一种缓存清除方法,当您对 CSS 或 JS 静态文件进行大量更改时,对于开发/测试非常有用。以下是实现此目的的几种快速方法:手动在 URL 末尾添加一个查询字符串,任何时候你想让浏览器请求新版本的 CSS 文件,只需更改值:<link&nbsp;href="@(Url.Content("~/Content/Index.css")&nbsp;+&nbsp;"?v=1")"&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;/>动态添加唯一的查询字符串。如果您希望浏览器每次都请求 CSS 文件的新副本,这将很有用:<link&nbsp;href="@(<Url.Content("~/Content/Index.css")&nbsp;+&nbsp;DateTime.Now().ToString(yyyyMMddHHmmss))"&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;/>如果您使用的是 ASP.NET Core,请使用标记帮助程序,它只会在文件发生更改时自动附加新版本号。您只需添加一个简单的属性:<link&nbsp;href="@Url.Content("~/Content/Index.css")"&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;asp-append-version="true"&nbsp;/>
打开App,查看更多内容
随时随地看视频慕课网APP