在Chromes开发工具中,您可以选择一个元素并启用悬停状态。有没有一种方法可以在Internet Explorers Dev Tools中完成?有没有办法测试CSS:悬停在IE开发人员工具中?
37
A
回答
44
我不确定当你问这个问题时你使用的是什么版本的IE。
只是每个人的信息,我可以通过HTML标签通过使用以下步骤序列中查看悬停风格IE 9:
- 打开开发人员工具
- 将鼠标悬停在元素你想查看其悬停CSS ,同时离开开发人员窗口集中。
- 按F5,而你的鼠标仍然在元素
- Ctrl + B键并单击元素
现在,您可以查看悬停CSS上。
编辑(2015年1月):
在IE 11,你点击蓝色的大“A:”出现在DOM资源管理器的样式面板右上角的图标,然后勾选“悬停“复选框。
2
我无法在IE开发人员工具中找到CSS:悬停状态。所以我刚刚从一个小书签中使用了Firebug Lite。
1
老雷的建议有效。 当您打开开发人员工具时,请确保它处于焦点状态,以便它可以接收快捷命令 - 当您单击页面的滚动条或页面时,它会关注浏览器窗口,并将所有快捷命令发送到页。 为了避免错误做到以下几点:
- 找到你所需要
- 开放开发工具
- 重点开发者工具窗口
- 悬停元素你想
- 按F5键,而无需移动元素鼠标
- Ctrl + B并点击元素
最好的问候。
17
在IE11中,单击DOM Explorer中“样式”窗格右上角出现的大蓝色“a:”图标,然后选中“悬停”复选框。
如果看不到“a:”,请首先在DOM Explorer的左窗格中选择一个元素或HTML标记。
0
对于那些在Google上发现这个问题的人,我创建了一个跨浏览器工具,只需移动鼠标即可查看HTML/CSS布局。您可以轻松查看处于悬停状态的元素。
相关问题
- 1. IE开发人员工具栏问题
- 2. 有没有办法测试CSS文件?
- 3. 有没有办法知道如何使用开发人员工具设置内联css属性值?
- 4. 有没有办法使用Chrome开发人员工具查看在浏览器中加载的所有图像?
- 5. Chrome开发人员工具css编辑
- 6. 有没有办法检测我是否在文本上悬停?
- 7. 有没有办法来防止:悬停?
- 8. 有没有办法在悬停时保持弹出窗口(悬停触发器)?
- 9. Chrome开发人员工具,控制台中没有传感器
- 10. 启动开发人员工具后,CSS是否有所不同?
- 11. 有没有办法阻止开发人员在git中创建任何分支?
- 12. 有没有办法添加:悬停到CSS:第一线伪类?
- 13. 有没有办法改变CSS悬停(style =“”)?
- 14. 如何在IE中始终启用开发人员工具
- 15. 是否可以在IE开发人员工具中更正JavaScript?
- 16. 有没有办法修改Chrome开发工具的devTools.css
- 17. ie7 css规则适用于ie开发人员工具,但不在代码中。
- 18. Chrome的开发人员工具没有哪些功能?
- 19. 查看CSS:在开发工具中悬停后激活
- 20. Safari/Chrome开发人员工具调试CSS覆盖
- 21. Java有没有办法让非库开发人员使用扩展方法?
- 22. 有没有人测试过IE 8开发者工具栏?它真的像萤火虫一样好吗?
- 23. Java开发人员的开发工具
- 24. 为什么IE开发人员工具栏停止正常工作?
- 25. 有没有办法将Google Chrome的开发人员工具窗口设置为始终最佳状态?
- 26. css悬停在IE 8中
- 27. 有没有办法让下拉的鼠标悬停在Firefox上测试CSS样式?
- 28. 在Chrome开发人员工具中添加新的CSS类
- 29. CSS规则不会在开发人员工具中显示
- 30. Google Chrome开发人员工具 - 无法修改CSS
哇,实际工作,但前提是你使用的步骤这个确切顺序。如果您不关注开发人员窗口,您的键盘命令将无法正常工作。 – bryanbraun
非常有帮助。太糟糕的IE浏览器继续使浏览器开发工具包最不有用(这仍然是IE10的答案)。 OP应该已经接受了这个答案。谢谢。 – cautionbug
任何人都可以得到这个在IE11中工作? – bmm6o