4

我需要更改某个小部件类别中某些单词的颜色，我已经看过有关开发工具的 youtube 视频。

当我找到要更改的部分时，我在 element.style {color:red; 右上角的“元素”（开发工具）中进行更改 但是当我去资源时跟随视频，我所做的更改不存在。

  1. 我只能在 Elements 中编辑，无法保存
  2. 我只能保存在资源中，我不能编辑/添加任何东西

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

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

4

3 回答 3

2

正如您所说，Chrome 开发工具没有内置功能来保存您编辑的代码，无论如何有几个 Chrome 扩展。我认为最好的是Tincr。

你可以在这里找到它Tincr

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

基本上你

  1. 安装扩展，

  2. 然后您选择应用程序类型：Ruby on Rails、Chrome 扩展、Atlassian 插件和配置文件，

  3. 然后您可以添加项目的根目录。

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

于 2012-12-27T22:52:34.820 回答
0

您无法通过开发人员工具编辑服务器上的文件，并且刷新后更改不会保留。

于 2012-12-27T21:33:52.890 回答
0

截至 2013 年 3 月的更新答案，您现在可以从开发工具中保存更改（JS 和 CSS，而不是 DOM）。

http://remysharp.com/2012/12/21/my-workflow-never-have-to-leave-devtools/

于 2013-03-25T01:03:56.557 回答