有没有一种方法来测试CSS:悬停在IE开发工具?(Is there a way to test CS

2019-07-04 03:43发布

在铬合金开发工具,你可以选择一个元素,并启用悬停状态。 有没有一种方法,这可以在互联网探索者开发工具来完成?

Answer 1:

我不知道你使用的是什么版本的IE浏览器,当你问这个问题。

只是每个人的信息,我可以用在IE 9以下步骤顺序查看通过HTML标签悬停风格:

  1. 打开开发人员工具
  2. 鼠标悬停在要离开的同时重点开发的窗口中查看其悬停CSS的元素。
  3. 按F5,而你的鼠标仍然在元素
  4. 按Ctrl + B,然后单击元素

现在,您可以查看悬停CSS。

编辑(2015年1月):

IE 11,你点击蓝色的大“A:”出现在DOM资源管理器的样式面板右上角的图标,然后勾选“哈弗”复选框。



Answer 2:

在IE11,你点击蓝色的大“A:”出现在DOM资源管理器的样式面板右上角的图标,然后勾选“哈弗”复选框。

如果你不能看到“一个”,首先选择在DOM资源管理器的左侧窗格中的元件或HTML标签。



Answer 3:

我找不到CSS:要么悬停在IE开发者工具的状态。 所以,我只是结束了使用Firebug的精简版从一个书签。



Answer 4:

老雷的建议工作。 当您打开开发者工具,确保它正在对焦点,这样它可以接收快捷命令 - 当你点击页面的滚动条或者在网页上它侧重的浏览器窗口,使所有的快捷命令被发送到页。 为了避免错误做到以下几点:

  1. 找到您所需要的元素
  2. 打开开发者工具
  3. 专注于开发者工具窗口
  4. 悬停在您想要的元素
  5. 不移动鼠标按F5
  6. 按Ctrl + B,然后单击元素

最好的祝福。



Answer 5:

对于那些谁找到这在谷歌,我创建了一个跨浏览器的工具,让您只需通过移动鼠标来可视化你的HTML / CSS布局。 您可以轻松地查看自己的悬停状态元素。

HTML方块展台- GitHub上



文章来源: Is there a way to test CSS :hover in IE Developer tools?