firebug 定位页面元素、函数

2008-04-09 11:38 | 分类 软件应用 | By ming | 发表评论 »

    cap1

    Inspect是用来快速定位到页面上具体元素的。。。使用方法为:先按下Inspect按钮

cap6

    移动鼠标,指向具体的页面上的元素:

cap7

    可以看到上图被定位的网页元素被加了一个蓝色的框,HTML标签下的内容也定位到了这个网页元素的源码。按下鼠标左键以后就能完成定位。

cap8

    这时候按edit,可以对此元素的内容进行修改:

cap9

    改变后:

cap10

    很简单。。。

    本来Profile以为只是用来做性能测试的,没想到可以定位到函数,先按下这个按钮:

cap2

    再执行一个js函数,比如按一个按钮什么的(只要这个按钮的onclick是function就行):

    cap3

cap4

    鼠标指向某个具体的函数:

cap5 

    可以看到这个函数下面的下划线,再点进去,跳转到了具体的函数

cap11 

    嗯,要是点的是按钮,而且是写成类似这样"<input type='button' onclick='popupform1()' />"的话,就会出现:

cap12 

    多了一个onclick。。。

    嗯,就是这样子了。。。

My Firefox Extensions(Changed)

2007-11-12 15:44 | 分类 网络相关, 软件应用 | By ming | 发表评论 »

我的Firefox 2.0 扩展列表:

点此浏览全文