firebug里面有一个功能，用户用鼠标点击网页上的某个元素，比如一个文本框，那么firebug可以快速的定位到相应的html代码。那么现在是否有可能在网页上用js实现这个功能？
--
FROM 101.80.69.*

不是吧，他是firefox插件，应该是C写的
【 在 zxdong262 (html5beta.com) 的大作中提到: 】
: 我以为firebug就是js实现的
--
FROM 101.80.69.*

js + firefox提供的扩展api
https://github.com/firebug/firebug

你说这个功能js应该是可以实现的，我粗略的想法是，你可以从body开始通过childNodes属性遍历整个dom tree，遍历的同时就可以建立一个和dom tree结构一样的树型结构的导航菜单，每个菜单项对应页面里的一个节点，菜单的文字内容就是这个节点的类型，attributes等等，然后为每一个菜单项增加一个mouseover的监听函数，当鼠标在菜单项上方的时候，创建一个div覆盖对应的节点。这里有一些优化的方法，比如只在document上创建一个mouseover监听函数统一处理鼠标事件、重用那个覆盖的div等等。
--
修改:a9udn9u FROM 54.240.196.*
FROM 54.240.196.*

不用那么复杂，在body里加一个监听mouseover的回调函数，然后用event.target取得实际over的那个节点
【 在 a9udn9u 的大作中提到: 】
: js + firefox提供的扩展api
: https://github.com/firebug/firebug
: 你说这个功能js应该是可以实现的，我粗略的想法是，你可以从body开始通过childNodes属性遍历整个dom tree，遍历的同时就可以建立一个和dom tree结构一样的树型结构的导航菜单，每个菜单项对应页面里的一个节点，菜单的文字内容就是这个节点的类型，attributes等等，然后为每一个菜单项增加一个mouseover的监听函数，当鼠标在菜单项上方的时候，创建一个div覆盖对应的节点。这里有一些优化的方法，比如只在document上创建一个mouseover监听函数统一处理鼠标事件、重用那个覆盖的div等等。
: ...................
--
FROM 129.123.4.*

孤陋寡闻了，我也以为firefox插件的开发都是C语言的接口，原来都是js。
【 在 mous (mous) 的大作中提到: 】
: 那个 xpi 就是个 zip 包，你解压就看到了。全是 css, js, xml, html 这样的文本文件。
--
FROM 116.226.154.*