CSS文件夹中包含两个扩展名为.map的文件。它们是:
bootstrap-theme.css.map
bootstrap.css.map
它们看起来是缩小版的文件,但我不知道它们是干什么用的。
CSS文件夹中包含两个扩展名为.map的文件。它们是:
bootstrap-theme.css.map
bootstrap.css.map
它们看起来是缩小版的文件,但我不知道它们是干什么用的。
当前回答
对于任何来这里寻找这些文件的人(比如我),你通常可以通过在URL末尾添加.map来找到它们:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
请务必将版本替换为您正在使用的Bootstrap的任何版本。
其他回答
什么是CSS映射文件?
它是一个JSON格式的文件,将CSS文件链接到它的源文件,通常是在预处理器中编写的文件(即Less, Sass, Stylus等),这是为了从web浏览器对源文件进行实时调试。
什么是CSS预处理器?例子:Sass, Less, Stylus
它是一个CSS生成器工具,使用编程能力来健壮而快速地生成CSS。
对于任何来这里寻找这些文件的人(比如我),你通常可以通过在URL末尾添加.map来找到它们:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
请务必将版本替换为您正在使用的Bootstrap的任何版本。
在Chrome DevTools中使用CSS预处理器:
Many developers generate CSS style sheets using a CSS preprocessor, such as Sass, Less, or Stylus. Because the CSS files are generated, editing the CSS files directly is not as helpful. For preprocessors that support CSS source maps, DevTools lets you live-edit your preprocessor source files in the Sources panel, and view the results without having to leave DevTools or refresh the page. When you inspect an element whose styles are provided by a generated CSS file, the Elements panel displays a link to the original source file, not the generated .css file.
这些是源地图。将这些文件与压缩源文件一起提供;Firefox和Chrome等开发工具将使用它们来进行调试,就像代码没有被压缩一样。
映射文件(源映射)用于去引用最小化的代码(css和javascript)。
它们主要用于帮助开发人员调试生产环境,因为开发人员通常在生产环境中使用最小化的文件,这使得调试变得不可能。映射文件帮助他们取消对代码的引用,以查看原始文件的样子。