为 CSS 开发类似 FIrebug 的 Web 应用程序
我正在开发一个用于网页设计的网络应用程序。其中一部分包括在运行时更改 CSS 样式并将其保存回服务器。
我看到,我的动机的第一部分是在 firebug 中实现的,我可以在其中查看应用于特定 HTML 元素的 CSS 样式规则,并可以更改它们以查看效果。 SO 的一个早期问题导致了我 firebug lite 源代码 https://getfirebug.com/firebug-lite -debug.js ,它比完整版的 firebug 更容易混淆。 我的问题是,有什么方法可以获取 firebug/firebug lite 代码的文档,这可以加快我的速度。
经过一番谷歌搜索后,我发现有 Firebug API
http://getfirebug.com/developer/api /firebug1.6/
但不知道它对我有多大用处。
也欢迎任何替代方法来做到这一点。
I am developing a web application for web designing. One part of it includes changing CSS styles on the run and saving the same back to server.
I see that, first part of my motive is implemented there in firebug, where I can view CSS style rules applied to a particular HTML element and can change them to view the effect.
An earlier question at SO lead to me firebug lite source code https://getfirebug.com/firebug-lite-debug.js , which is far less confusing than full version of firebug.
My question was that, is there any way I can get documentation of the firebug/firebug lite code which can speed things up for me.
After some googling I found out that there is Firebug API
http://getfirebug.com/developer/api/firebug1.6/
But don't know how much useful it is for me.
Any alternative way to do this is also welcome.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
Firebug 使用 BSD 风格的许可证,这几乎意味着您可以在应用程序中使用他们的代码,而没有太多限制:
http://en.wikipedia.org/wiki/BSD_licenses#Proprietary_software_licenses_compatibility
我建议您直接联系 Firebug 的开发人员。我确信他们会有兴趣为您想要完成的任务提供帮助。
在我看来,将更改同步到文件或服务器的能力是这个强大工具所缺少的一件事,我很想看看最终结果是什么样子。
Firebug uses a BSD-style license, which pretty much means you can use their code in your application without too many restrictions:
http://en.wikipedia.org/wiki/BSD_licenses#Proprietary_software_licenses_compatibility
I would suggest you contact the developers of Firebug directly. I'm sure they would be interested in providing assistance with what you are trying to accomplish.
In my opinion, the ability to sync changes to a file or server is the one thing that's missing from this powerful tool, and I'm interested to see what the final result looks like.
查看 Backfire 项目,它“允许您保存使用 Firebug、Webkit 开发工具栏或任何其他客户端调试工具所做的 CSS 更改。”项目页面称,它的开发是为了能够支持各种后端。 Backfire 源代码可在 MIT 许可下获取。
Check out the Backfire project, which "allows you to save CSS changes made with Firebug, Webkit Developer Toolbar or any other clientside debugging tool." The project page says that it was developed to be able to support various backends. The Backfire source code is available under an MIT license.
提交我自己的问题的可能答案。
发现以下内容提供了有关 Firebug 内部结构的少量信息。
https://developer.mozilla.org/en/Firebug_internals
Submitting a possible answer to my own question.
Found following which gives a small amount of information about Firebug internals.
https://developer.mozilla.org/en/Firebug_internals