Feb 19

调试JS/CSS等客户端代码,还是用火狐(firefox) 晴

, 08/02/19 11:07 , 技术开发 , 评论(0) , 引用(0) , 阅读(4285) , Via 本站原创 | |
昨天发现一个JS代码,在ff中过不去,没办法只好下载一个FF版本(FirefoxSetup_cn3.0Beta3.zip),后来发现它的调试客户端的代码,还真是不错。大概说明一下。下面是下载地址:
Array。

现在说明附加组件,慢慢看就不翻译了。

1、Array
Array

Inspect and edit HTML

Firebug makes it simple to find HTML elements buried deep in the page. Once you've found what you're looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.


Tweak CSS to perfection

Firebug's CSS tabs tell you everything you need to know about the styles in your web pages, and if you don't like what it's telling you, you can make changes and see them take effect instantly.


Visualize CSS metrics

When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you.


Monitor network activity

Your pages are taking a long time to load, but why? Did you go crazy and write too much JavaScript? Did you forget to compress your images? Are your ad partner's servers taking a siesta? Firebug breaks it all down for you file-by-file.

Debug and profile JavaScript

Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and have look at the state of the world. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.


Quickly find errors

When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML.


Explore the DOM

The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly.


Execute JavaScript on the fly

The command line is one of the oldest tools in the programming toolbox. Firebug gives you a good ol' fashioned command line for JavaScript complete with very modern amenities.


Logging for JavaScript

Having a fancy JavaScript debugger is great, but sometimes the fastest way to find bugs is just to dump as much information to the console as you can. Firebug gives you a set of powerful logging functions that help you get answers fast.


2、Array


Venkman is the code name for Mozilla's JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.

Works with:

    * Firefox Firefox: 0.9 – 3.0b4pre
Array


1. You cannot open the JavaScript Debugger a second time after closing it - this is not our bug! It is a bug with Firefox 1.5 and 2.0. If we find a way around it, we will of course include it, but until then you must restart Firefox to reopen the debugger.

The problem is that Firefox 1.5 and 2.0 objects to the missing files worse the second time you try to open the window. The unofficial version changed more than just the version, it also removed references to these files. That will stop some features working on Mozilla Suite/SeaMonkey.

If you want to, try using this official version on a nightly build of Firefox from trunk (codenamed Minefield) - it happily opens many times, because they've fixed the bug since Firefox 2.0.

If you still want to make comments without understanding anything about what's going on, do it somewhere else. Alternatively, if you actually want to work around the issue properly, take your code to Bugzilla, where development work belongs.

作者:@Everyday NetLog
地址:http://log.zhoz.com/read.php?191
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]