50豆豆,怎样查看一个html元素(如div)--从页面开始加载到结束,整个过程中影响到它的CSS,JS等,谢谢

Question

怎样查看一个html元素(如div)--从页面开始加载到结束,整个过程中影响到它的CSS,JS等,谢谢

其实就是一个导航,我给它设置的样式不起作用,希望指点,谢谢

Answer 1

先看看现在的样式是因为什么造成的，逆推回去

Answer 2

IE9 按F12可以进行调试，以及Div所用的样式

Answer 3

我想看到在整个过程中,每一个样式对它的影响,并不仅仅是最终的样式,我想看看哪个地方出错了,总之没有达到我想要的样式,,,

Answer 4

@SmallDong:  你的要求有问题，是没有办法捕捉到整个过程有哪些样式对其进行了渲染，只能知道最终影响他的样式和JS有哪些，你可以通过IE或Chrome的元素审查，找到影响你的样式，再调整就行了

Answer 5

  相应的Div的样式可以看到，取消复选框的勾选就可以取消样式

Answer 6

使用Chrome调试就可以看到了

Answer 7

firefox.

Answer 8

chrome开发者工具

Answer 9

Chrome的审查元素

Answer 10

firebug 开发者工具。他不会让你失望的。按F12进入调试，你可以随意的变动CSS的有效性查看每个css渲染效果。