新手问题 Chrome 如何测试 hover mouse

QueXuQ · 2013年09月28日 · 最后由 QueXuQ 回复于 2013年09月29日 · 3244 次阅读

例如一个 id 为 aaa 的 div，鼠标经过的时候，就显示 id 为 bbb 的 div。默认 id 为 bbb 的 div 是隐藏的。我想通过 chrome 查看 bbb 的 div 的 css 属性，但是我打开调式窗口，只有把鼠标停留在 id 为 aaa 的 div 上，dom 才显示 bbb 的 div，可是我鼠标一旦离开 aaa，就看不到 bbb，但是我想在调式窗口看 bbb 的样式属性。这个问题怎么破？

kai1248 #1 2013年09月28日

chrome 下面有个选项

QueXuQ #2 2013年09月28日

#1 楼 @kai1248 但是 bbb 是隐藏的，我无法点击到 bbb。bbb 只有在 hover 到 aaa 的时候才显示。

messiahxu #3 2013年09月28日

#2 楼 @QueXuQ 右边 Styles 那一行加号旁边那个，点开勾选 :hover 就行了

martin91 #4 2013年09月29日

#3 楼 @messiahxu 這個對 JS 代碼有效嗎？我怎麼記得只是對 css 有用而已呢？

danielpowter #5 2013年09月29日

找到 id 为 bbb 的 div，然后把他隐藏的 css 代码改成一直显示的然后调试。

QueXuQ #6 2013年09月29日

#4 楼 @Martin91 是的，对 js 没效，就是想知道如果是 js，怎么测试。

QueXuQ #7 2013年09月29日

#5 楼 @danielpowter 重点就在，怎么知道 id 为 bbb 的 div，因为隐藏了。是指在源码找？如果是用库的话，还是用 gem，这招就不好使。

需要登录后方可回复, 如果你还没有账号请注册新账号