检查元素时不再能在chrome开发工具中看到css样式的行号 [英] Can no longer see line number of a css style in chrome dev tools when inspecting an element

问题描述

今天这已经成为一个问题，并且想知道我是否碰到了我不应该碰到的东西，但是如果您在这里看看这张图片

This has just became an issue today and was wondering if i've maybe touched something I shouldn't have but if you have a look at this picture here

这是从抽搐中获取的，因为我打开了一个选项卡，如您所见，它具有样式所来自的css文件以及照常的行号.

This was taken from twitch just because i had a tab open, as you can see it has the css file that the style comes from and also the line number as per usual.

现在由于某种原因，我在本地启动的所有Web项目都不再在开发工具中具有此功能，并且我的工具看起来像这样.

Now for some reason all of my web projects that I launch locally no longer have this on the dev tools and my tools look like this.

这使开发变得非常令人讨厌，因为我的工作方式通常是在快速更改样式时需要行号.现在，我必须按Ctrl + F进行更改，这很痛苦.

This is making development pretty damn annoying as with the way I work I generally need the line numbers there when I'm doing quick changes to styles. Right now I have to Ctrl + F the class to make changes which is a pain.

有什么想法吗?

推荐答案

我发现了同样的问题，如果您使用的是 local 文件，Chrome将不会显示行号.您必须上传它们，然后行号就会显示出来.

I discovered, having the same problem, that if you are working with local files, Chrome will not show the line number. You have to upload them, and then the line number will show up.

我不知道为什么会这样.

I don't know why this is happening.

这篇关于检查元素时不再能在chrome开发工具中看到css样式的行号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！