firebug - 使用开发者工具/Firebug 更新文件

原文 标签 firebug google-chrome-devtools

有什么方法可以将 Chrome Developers Tool 或 Firebug 中所做的更改直接保存到文件中?假设我对该文件具有读/写访问权限。

或者,是否有任何开发工具可以以类似的方式(或类似的 UI)更新更改?

最佳答案

在 Chrome Dev Tools 中,可以从 Sources 面板保存更改的 CSS 和 JavaScript 文件,并查看对这些文件进行了哪些更改(差异)。

例如:

  • 在“源”面板中打开 JavaScript 或 CSS 文件。
  • 单击源。
  • 做出改变。
  • 按 Command-S 或 Ctrl-S 保存更改。
  • 右键单击源代码(或在源面板源树中)并选择 本地修改 查看版本控制。
  • 右键单击,选择另存为...,然后在磁盘上选择一个位置来保存文件。后续保存将保存到此位置。
  • 关于firebug - 使用开发者工具/Firebug 更新文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6332605/

    相关文章:

    javascript - jQuery 构造函数和初始化

    jQuery Ajax 响应因无效字符而失败

    css - 如何使用 FireBug 扩展更改 CSS 类的 FireBug 表示?

    google-chrome - 在 Chrome 56 版开发人员工具中缺少 "Computed"选项卡

    javascript - 为什么“;” ==“;”评估为“假”?

    firebug - FireQuery Firebug 插件破坏了 OSX 上的 Foundation 5

    javascript - 如何判断是哪个 Javascript 模块在网页上创建了元素/表格?

    javascript - 在 DevTools 中读取 Chrome 帧率结果

    javascript - 将 Chrome 调试器连接到文本编辑器

    javascript - 在堆栈跟踪中控制类名称