html – 如何从浏览器中对网站的CSS进行永久性更改？

概述如果我尝试使用Firefox中的内置开发人员工具(通过右键单击然后选择Inspect Element访问)来编辑大型项目中的某些CSS,是否有办法使这些更改成为永久性的？ 实际上有大量的样式表,我找不到这一个属性？我找不到包含此属性的文件,因此我想从浏览器中对CSS进行永久性更改.有办法吗？ 编辑：- 要首先在Chrome中设置,您必须将项目文件添加到“工作区”,进入开发工具Ctrl Shift 如果我尝试使用firefox中的内置开发人员工具(通过右键单击然后选择Inspect Element访问)来编辑大型项目中的某些CSS,是否有办法使这些更改成为永久性的？

实际上有大量的样式表,我找不到这一个属性？我找不到包含此属性的文件,因此我想从浏览器中对CSS进行永久性更改.有办法吗？

编辑：-

解决方法 要首先在Chrome中设置,您必须将项目文件添加到“工作区”,进入开发工具Ctrl Shift I然后单击设置齿轮,在左侧您应该看到工作区.

将Project文件夹添加到关闭选项的工作区后,单击“Sources”选项卡(仍在dev工具中)

现在就像平常一样从LocalHost加载index.HTML.在sources面板中,您应该看到当前加载的页面及其资源.右键单击.CSS文件并单击“映射到文件系统资源”,它将d出一个搜索框,您可以在其中搜索实际项目文件夹(现在是Chrome中工作区的一部分)中的相应.CSS文件.创建链接后,Chrome就足够智能地链接项目文件夹中的任何其他CSS和HTML文件.

现在,您可以在Chrome开发者工具的“元素”标签中进行更改,这些更改将保持不变.同样在ELements选项卡中,它将显示CSS文件以及任何给定Style来自哪个行！

最好的办法是,如果您使用Sass或Less,那么它会将您的SCSS文件映射回Chrome中正在处理的CSS样式. (请注意,如果使用Sass和Less,则必须打开CSS源地图)

总结

以上是内存溢出为你收集整理的html – 如何从浏览器中对网站的CSS进行永久性更改？全部内容，希望文章能够帮你解决html – 如何从浏览器中对网站的CSS进行永久性更改？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。