有没有办法查看在 Internet Explorer 中悬停元素时应用的样式?正如我们在控制台栏中看到的那样,Chrome 和 Firefox 在样式选项卡中提供了此功能。
我想知道是否可以在 Internet Explorer 中查看相同的内容。如果有怎么办?
有没有办法查看在 Internet Explorer 中悬停元素时应用的样式?正如我们在控制台栏中看到的那样,Chrome 和 Firefox 在样式选项卡中提供了此功能。
我想知道是否可以在 Internet Explorer 中查看相同的内容。如果有怎么办?
一旦你按下 F12 并选择了有问题的元素,你将在右侧看到 CSS 样式 - 但是,当你像在 FireBug 中那样将鼠标悬停在元素上时,这不会更新 - 你也不能将它的状态设置为 ':hover' . 您可以做的是,一旦选择了元素,确保焦点在开发人员栏上并将鼠标悬停在页面上的元素上 - 当悬停在它上面时,按下F5
- 如果您现在重新选择该元素,右侧的样式将向您展示:hover
样式(“跟踪样式”也会更新)
在 IE 中,您只需按 F12 即可调出开发者控制台。在那里你会找到一个 CSS 选项卡。或者在打开开发者控制台 (F12) 后,您可以使用指针工具突出显示页面上的元素,您将在开发者控制台的右侧窗格中查看元素样式
http://www.sitepoint.com/debug-faster-with-f12-developer-tools-in-internet-explorer-9/
您可以导航到,
工具 >> 开发者工具
霰弹枪- F12
转到 InternetExplorer 菜单:->工具->开发者工具快捷方式:f12