firebug - 使用 Developers tool/Firebug 更新文件

标签 firebug google-chrome-devtools

有没有办法可以将在 Chrome 开发者工具或 Firebug 中所做的更改直接保存到文件中?假设我对该文件具有读/写权限。

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

最佳答案

在 Chrome 开发者工具中,可以从“源”面板保存更改的 CSS 和 JavaScript 文件,并查看对这些文件进行了哪些更改(差异)。

例如:

  1. 在源面板中打开 JavaScript 或 CSS 文件。

  2. 点击来源。

  3. 做出改变。

  4. 按 Command-S 或 Ctrl-S 保存更改。

  5. 右键单击源代码(或在“源”面板的源树中)并选择本地修改以查看版本控制。

  6. 右键单击,选择另存为...,然后在磁盘上选择一个位置来保存文件。后续保存将保存到此位置。

关于firebug - 使用 Developers tool/Firebug 更新文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6332605/

相关文章:

google-chrome - 缺少 Google Chrome 开发工具上的异步复选框

google-chrome - Chrome 开发者工具中的 “App banner support”

php - Laravel/PHP dd() 在 Chrome 开发者工具中显示非结构化数组

firefox - 如何在 Chrome 开发人员工具/Firebug 中按名称过滤 XHR 请求

google-chrome - console.info() 的 (i) 图标发生了什么变化?

javascript - 如何将所选元素从 devTools 页面发送到 chrome 侧边栏页面

firefox - FireBug 1.7.3 仍会在移除的断点处中断

html - 查看网页生成源的最佳方式?

javascript - 如何在我的浏览器中编辑 javascript,就像我可以使用 Firebug 编辑 CSS/HTML 一样?

javascript - 如何使用 Firebug 或类似工具调试 JavaScript/jQuery 事件绑定(bind)?