我需要在窗口小部件的一个类别中更改某些单词的颜色,我已经看过有关开发工具的YouTube视频.

当我找到我想要更改的部分时,我在element.style {color：red;的右上角的“Elements”(开发工具)中进行了更改.
}
但是当我转到资源时跟随视频,我所做的更改并不存在.

>我只能在Elements中编辑,我不能保存它
>我只能在资源中保存,我无法编辑/添加任何内容

有人可以帮助我这个开发工具如何工作吗？

但是我可以在Sources中编辑/添加和保存,也许我需要将样式表从Resources保存到Sources？这是我想要做的？

最佳答案 正如您所说,Chrome Dev Tools没有内置功能来保存您编辑的代码,无论如何,还有几个Chrome扩展程序.我认为最好的是Tincr.

你可以在这里找到Tincr

然后你也可以在这里找到一个教程：http://addyosmani.com/blog/lets-tincr-bi-directional-editing-and-saving-with-the-chrome-devtools/.

基本上你

>安装扩展,
>然后选择以下应用程序类型：Ruby on Rails,Chrome扩展,Atlassian插件和配置文件,
>然后您可以添加项目的根目录.

完成后,如果您使用Google Chrome开发工具编辑内容,更改将自动保存到源文件中,并且还有实时重新加载功能,因此您无需按刷新按钮或F5重新加载更改后的页面.