chrome调试css时，为什么自动变成less？怎么直接看到css？

CCDDzclxy 2019-02-24 08:41:00

RT
举个例子：
网页中的一个<a/>的样式是 ".weui-btn_primary"，在 chrome的开发者工具中显示是这样子的：

上面图中显示 ".weui-btn_primary"是在文件"weui-btn_primary.less"中，但是我实际的本地代码中是没有 *.less文件的... 用EditPlus搜索".weui-btn_primary" 它是在文件"weui.css"中，如下图：

如何在 chrome中直接查找到 ".weui-btn_primary"是在"weui.css"里，而不是在 "weui-btn_primary.less"中？？
或者说能不能不让 chrome将css自动转换成less？？？

或者有别的浏览器不会自动将 css转成less？？

...全文

233 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zcany 2019-04-15

打赏
举报

回复

您好，具体操作如图，请采纳

ambit_tsai-微信 2019-02-25

打赏
举报

回复

应该是有Source Map映射，可以去百度“Source Map”

CSS，Less＆Sass（魔术CSS）的实时编辑器 CSS的Extension Live编辑器， Google Chrome，Microsoft Edge，Mozilla Firefox和Opera的Less＆Sass （Magic CSS）。实时预览CSS / Less / Sass代码更改。自动保存文件，自动完成，将Less / Sass转换为CSS，美化，缩小，CSS重新加载器，lint，... 运行此扩展，并开始编写您CSS / Less / Sass代码，该代码将立即应用。您编写的代码将保存在浏览器扩展的存储空间或站点的本地存储中。特色：用于CSS / Less / Sass代码的实时编辑器-编写代码时预览更改实时编辑CSS文件并自动保存在文件系统上 CSS重新加载器选择自动重新应用样式语法高亮通过点击自动生成CSS选择器自动完成CSS选择器，属性

【插件简介】 Live editor for CSS 插件可以在任意页面编写CSS/Less/Sass代码，代码会立即生效。并将保存在浏览器扩展的存储空间或站点的本地存储中。即您可以发挥脑洞，给任意网站改写样式！此外还提供各种快速选择等调试功能，更轻松上手。【插件网站】 https://webextensions.org 【插件更新】 2021-03-01 09:53:43 【插件版本】 8.7.1 【插件标签】高效开发 Chrome插件【插件安装教程】请下载文件后先解压，然后进入页面： chrome://extensions/ 将文件拖拽到该页面，完成安装。具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·CSDN 浏览器助手： https://plugin.csdn.net/

1.课程简介这个系列会介绍一些有趣的，实用的 Chrome 插件。发现更多好玩有用的chrome插件2.适用人群你想更好的使用chrome浏览器吗？这里有你要的。只需具有初步的office操作能力即可学习3.课程介绍01这款Chrome插件帮你注册到心仪的域名02你的 Chrome 不能没有这款翻译插件03使用HTML5 Vedio Speed Control Chrome插件实现倍速播放04看别人网站用了啥技术 chrome插件

要求-css RequireJS CSS 要求和优化，具有杏仁支持。用于与脚本一起编写模块化 CSS 依赖项。有关小部件呈现的示例，请参阅。对于 LESS 包含，请使用，除了预处理步骤之外，它的行为和构建与此模块完全相同。概述允许使用简单的 RequireJS 语法构建可能需要 CSS 的脚本： define ( [ 'css!styles/main' ] , function ( ) { //code that requires the stylesheet: styles/main.css } ) ; 完全兼容 IE 6+、Chrome 3+、Firefox 3.5+、Opera 10+、iOS。 CSS 构建当作为使用 RequireJS 优化器构建的一部分运行时， css! 依赖项会自动内联到 JavaScript 中的构建层中，与分层完全兼容。 C

Google Chrome的Lesscss编译器，如FireLESS ## 功能简介 1. 编译页面中 LessCSS 2. 在 Chrome Developer Tools 中显示行号 3. 支持开关 `source-map` 4. 优化 less 请求，支持跨域，不占用页面 ajax 请求 5. 支持修改文件自动刷新，仅刷新 CSS，无需刷新整个页面！ ## 用法开启插件即可，无需设置支持语言:中文 (简体)

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章