Showing posts with label Firebug. Show all posts
Showing posts with label Firebug. Show all posts

Friday, November 05, 2010

get Xpath of html element

在Firefox中有二个非常有用的插件,可以直接得到HTML页面中元素的XPath:

XPath Checker - suggests XPath and can be used to test XPath results.
Firebug - XPath suggestions are just one of the many powerful features of this very useful add-on.

XPath的参考资料:

W3Schools XPath Tutorial
W3C XPath Recommendation
XPath Tutorial - with interactive examples

Sunday, October 05, 2008

Firebug command line api 和 console api 中比较常用到的几个方法

1. $(id) 与 prototype 用法类似,只能传字符串的Element Id。
2. $$(selector) 与 prototype 用法类似,传一个CSS Selector字符串,另专门还有一个$x("xPath")方法接受xpath方式查询DOM节点。
3. dir(object) 遍历object所有属性,在console中打印出来。
4. clear() 清空console。
5. debug(fn) 在对应的fn方法第一行加一个断点,当此方法调用时就会进入此方法第一行,可进行断点调试此方法。对应的有undebug(fn)取消断点。

6. console.log(object[, object, ...]),console是Firebug在Firefox中添加的一个全局变量名。其log()方法会将对象打印到firebug控制台中,支持类似printf()的功能。
7. 同console.log()类似的还有console.debug(),console.info(),console.warn(),console.error()方法。
8. console.assert(expression[, object, ...])断言功能,用来检查表达式是否正确执行。

Reference: http://getfirebug.com/commandline.html
http://getfirebug.com/console.html

Thursday, July 31, 2008

firebug lite 书签

firebug lite 书签 bookmarklet:

javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&&window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Wednesday, May 28, 2008

firefox addons for web developer

强力推荐 firefox addons: web developer/firefbug/HttpFox



2008下载日

Thursday, March 06, 2008

IE8 Developer tools

实现了许多firebug的功能,如CSS、CSS BOX、DOM查看、javascript调试、断点等