css不能在本地磁盘上获取

发表于前端技术学习版块 css,教程

CSS（层叠样式表）是一种用于定义网页样式的语言，可以通过在 HTML 文件中引用外部的 CSS 文件来实现样式的设置。然而，在某些情况下，CSS 文件无法从本地磁盘上获取。一种常见的情况是在使用 G

CSS（层叠样式表）是一种用于定义网页样式的语言，可以通过在 HTML 文件中引用外部的 CSS 文件来实现样式的设置。然而，在某些情况下，CSS 文件无法从本地磁盘上获取。

一种常见的情况是在使用 Google Chrome 浏览器时，当我们在本地磁盘上打开一个 HTML 文件，并且尝试从本地引用 CSS 文件时，会发现 CSS 样式没有被应用。

这是因为在 Chrome 中，对于本地访问的文件，浏览器使用了一个名为“跨域安全限制”的机制。这个机制规定了浏览器只能从同一域名下获取其他资源（包括 CSS 文件）。在直接从本地文件中打开 HTML 文件时，浏览器将本地文件映射为“file://”协议，所以即使 CSS 文件位于同一文件夹下，也无法被获取。

<head>
  <link rel="stylesheet" href="style.css" type="text/css">
</head>

要解决这个问题，我们需要将 HTML 文件和 CSS 文件放到一个本地的服务器中进行访问。这可以通过使用 XAMPP 或 MAMP 等本地服务器软件来实现。当我们使用类似“http://localhost/index.html”的方式来访问文件时，Chrome 就会认为它们都来自同一域名下，以此绕过“跨域安全限制”，使 CSS 文件可以被成功获取。

除了使用本地服务器进行访问外，还可以尝试一些特定的 Chrome 插件，如“Allow-Control-Allow-Origin: *”和 “CORS Unblock”等插件，来解决文件获取的问题。

文章说明:

本文原创发布于探乎站长论坛，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。