使用开发人员工具/ Firebug更新文件

如何解决使用开发人员工具/ Firebug更新文件

| 有什么方法可以将在Chrome开发人员工具或Firebug中所做的更改直接保存到文件中？假设我已经对该文件具有读/写访问权限。 或者，是否有任何开发工具可以类似方式（或类似UI）更新更改？     

解决方法

        是的，在Firefox中，如果您还使用出色的Web Developer插件... 使用该插件，选择查看源->查看生成的源。 这将打开由JS以及您在Firebug中进行的任何手动修改所修改的HTML \“ file \” 1的当前状态。 在弹出的窗口中，您可以“另存为”文件，或根据需要复制和粘贴。 请注意，此生成的文件将具有多种Firebug样式（易于识别），并且可能由JS在元素上设置了“ 0”个属性。 1不幸的是，它无法捕获链接到的CSS或JS文件的更改。 因此，在使用Firebug进行调整时，我想通过将样式规则和代码附加到HTML \“ file \\”来更改CSS和JS。 一旦页面的外观/行为接近所需的效果，就会通过“查看生成的源”对更改进行快照，然后根据需要合并到链接的文件中。     ,        在Chrome开发工具中，可以从“源”面板保存更改的CSS和JavaScript文件，并查看对这些文件进行了哪些更改（差异）。 例如： 在“源”面板中打开一个JavaScript或CSS文件。 单击源。 做出改变。 按Command-S或Ctrl-S保存更改。 右键单击源代码（或在“源”面板的源树中），然后选择“本地修改”以查看版本。 右键单击，选择另存为...，然后选择磁盘上的位置以保存文件。随后的保存将保存到该位置。     ,        有一个针对Eclipse / Chrome的Java项目： http://code.google.com/p/chromedevtools/ 它只是一个JavaScript调试器（您看不到CSS或网络等），但是您可以设置Eclipse项目，以便调试和编辑相同的文件（以及实时编辑）。 在当前版本中，设置源文件有些棘手 http://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles （希望下一个版本更容易）。 结合JSDT或Aptana或其他JavaScript支持，您可以拥有一个不错的Chrome浏览器IDE +调试器。     ,        否。您正在编辑的代码是渲染的客户端代码。无法通过浏览器影响服务器端代码。无论如何，如果服务器端的基础文件是非静态的，则此类操作的语义实际上会崩溃。