首页 > 其他分享 >.CSS.MAP文件作用

.CSS.MAP文件作用

时间:2023-06-08 10:12:18浏览次数:44  
标签:MAP bootstrap map less CSS 文件 css

.CSS.MAP文件作用

https://blog.csdn.net/qq_36441169/article/details/102575563

1、简介
在写前端代码,使用bootstrap时,发现同一个目录下,不仅仅有.css文件的同时,还存在.css.map文件的存在。在前端页面调试时也发现,映入很多已.less结尾的文件。

将bootstrap-theme.min.css.map文件移除,显示效果如下:

同样的css文件,只不过两次显示的不一样,查阅资料知道,bootstrap是由less写的,less编译后生成css文件,所以如果没有.css.map文件,那么在前端浏览器调试的时候,只会显示编译后css文件所在的样式位置,而存在css.map文件后,就可以知道在less源文件中的样式位置。

2、作用
.css.map是source map文件。
因为bootstrap是用less写的,less会编译成css显示在页面上。
但有个麻烦,浏览器里看的都是css第几排,而你编辑的又是less文件,很难对上。
这个时候有了source map,浏览器里直接显示less,非常方便。

标签:MAP,bootstrap,map,less,CSS,文件,css
From: https://www.cnblogs.com/webSnow/p/17465376.html

相关文章

  • Vue进阶(幺幺捌):CSS3 - 选择器first-child、last-child、nth-child、nth-last-child、nt
    (文章目录)1.first-child(IE7兼容)、last-child(IE8不兼容)html:<body><h2>列表</h2><ul><li>列表项目1</li><li>列表项目2</li><li>列表项目3</li><li>列表项目4</li></ul></body&g......
  • 18.详解AQS家族的成员:Semaphore
    关注:王有志,一个分享硬核Java技术的互金摸鱼侠。欢迎你加入Java人的提桶跑路群:共同富裕的Java人今天我们来聊一聊AQS家族中另一个重要成员Semaphore,我只收集到了一道关于Semaphore的面试题,问了问“是什么”和“如何实现的”:什么是Semaphore?它是如何实现的?按照我们的惯例,依......
  • 移动端预览PDF,pdf.js预览PDF文件流格式
     一开始使用了vue-pdf效果并不理想,满足不了要求还出现兼容问题,PDF.js似乎是一个完美的解决方案,号称兼容各种浏览器.快速且高效.界面按钮可以配置,而且也比原生iframe框架好看一些,但是一轮的使用下来,确确实实躺了不少的坑,特此记录一下全过程,希望以后使用的时候注意一点.以......
  • WEB漏洞—文件上传基础及过滤方式
    思维导图利用思路什么是文件上传漏洞?存在文件上传的地方,就有可能存在文件上传漏洞。是否存在漏洞,需要去判断进行文件上传操作的时候的代码是否比较完整和安全,疏忽某个地方就可能造成文件上传漏洞。 文件上传漏洞有什么危害?可以自由上传文件,例如上传一个后门文件,如果上传......
  • 常用的文件操作命令
    vim,vi光标跳转到文首/文末/行首/行尾若在Insert模式下,需要先按一下Esc,文首:按gg(区分大小写)文末:按G(区分大小写)(跳转到行首和行尾,各有两种方法:)行首:①按option②按0(数字0)行尾:按fn+左右上下键......
  • 针对 B/S、C/S 架构的 180 个简单测试案例——图像上传功能的测试场景(也适用于其他文
    1.检查图片上传路径2.检查图像上传和修改功能3.检查各种扩展图像文件的上传(例如JPEG、PNG、BMP等).4.检查文件名中含有空格或其他可用特殊字符的图片的上传5.检查重复名称图片上传6.图片尺寸大于最大允许值,上传时应该显示适当的错误消息.7.检查上传的图片文件类型外的其它文件......
  • Webpack 插件实现 CSS 样式尺寸单位转换
    Webpack插件实现CSS样式尺寸单位转换实现方式一插件代码以下是编写的一个Webpack插件,用于将样式文件中以rpx为单位的值转换为以px为单位的值(换算比率为1px=2rpx):constpluginName="CssSzieConvertPlugin";classCssSzieConvertPlugin{apply(compiler){......
  • Ubuntu虚拟机 与 宿主机共享文件夹及拖拽文件
    1、基础版,a、创建共享文件夹,在虚拟机设置下——》选项界面——》共享文件夹,选择总是启用,并且设置宿主机上的共享文件夹,Tips:记得在主机上设置共享文件夹的共享属性;b、设置VMwareTools 2、先进版:文件拖拽,a、删除原有的vmtools:sudoaptautoremoveopen-vm-tools;b、安装源中......
  • vue 预览word文档、图片、pdf文件等
    <el-buttonsize="mini"type="text"icon="el-icon-edit"@click="handlePreviewFile(obj)">预览</el-button><el-dialogtitle="预览":visible.sync="......
  • 文件下载
    方式一、consturl=下载地址window.location.href=url方式二、/***@methodexcel下载*@param{String}type需要下载的文件类型*@param{Object}res文件流*@param{String}name文件名*@return{NULL}*/functioncreateExcel(type,res,na......