在页面上打开文件时，浏览器如何知道要阅读什么

Question

网站会调用style、js等页面（如https://example.com/style/main.css）

但是，当我转到这些页面并检查它们时，我得到一个 html 页面，如下所示：

<html>
<head></head>
<body>
<pre style="word-wrap: break-word; white-space: pre-wrap;">
.foo{
     color: blue;
}
</pre>
</body>
</html>

它似乎是一个 HTML 文件。浏览器如何知道要阅读的内容，以及为什么它采用这种格式，而不仅仅是 css?

Answer 1

链接到 CSS 或 JS 等外部文件时，浏览器会按照文件在 HTML 页面中列出的顺序加载和解释这些文件。

关于为什么 CSS 文件在浏览器加载时显示为 HTML，这是因为网络浏览器的编程方式。浏览器并不意味着显示原始 CSS 或 JS 文件（浏览器旨在将文件加载到内存中并执行基于代码的操作），因此作为解决方法大多数浏览器会将 CSS 或 JS 文件的内容加载为 HTML 页面的主体，使用 <pre> 来格式化内容。

在页面上打开文件时，浏览器如何知道要阅读什么

How does the browser know what to read when opening a file on the page

html

browser

dom