读书人

分享一个自个儿原创的前端调试工具

发布时间: 2012-09-02 21:00:34 作者: rapoo

分享一个自己原创的前端调试工具

在写前端JS中,最头疼得莫过于没有一个强大的IDE,供我们进行开发调试。

关于代码提示的IDE,已经有不少出色的了,像aptana,komodo,只要代码写的算正规,提示还是有一定帮助的,komodo原来是收费的,现在免费了,用起来非常爽,而且最近还支持html5了,希望你们也能体验下。

好,言归正传,说本篇文章的主题,代码调试。

我们知道像firefox,ie,chrome都提供了一些用于代码单步调试的工具,但是有的时候,如果不是特别长的代码,用起来,难免有高射炮打蚊子的感觉,为此,我做了一个前端工具,用于前端调试代码中的变量等信息,有了这个,再也不用alert神马的了。


开始页面载入,会有一个如下的DIV,固定于页面右上角


分享一个自个儿原创的前端调试工具
?
点击后,会弹出调试信息


分享一个自个儿原创的前端调试工具
?再点,就会收缩回去

测试页面和JS文件,见附件

?

?

1.如果你觉得用着还可以,请尽情免费使用,但是请保留JS中的头部声明,尊重下劳动成果

2.如果你有意帮你做定制开发,请联系声明中的mail

3.如果这个东西对你很有帮助,你可以对我进行一些资助,以便于作出更好的前端工具组件,或者在你的朋友同学面前美言几句

读书人网 >Web前端

热点推荐