当前位置: 首页 > 编程笔记 >

JavaScript 元素检查器

江航
2023-03-14
本文向大家介绍JavaScript 元素检查器,包括了JavaScript 元素检查器的使用技巧和注意事项,需要的朋友参考一下

示例

单击“开发人员工具”中的“ Chrome中的元素”选项卡或Firefox中的“检查器”选项卡左上角的“ 选择页面中的元素进行检查”按钮,然后单击页面中的元素以突出显示该元素并将其分配给该$0变量

元素检查器可以以多种方式使用,例如:

  1. 您可以检查您的JS是否按照您期望的方式操作DOM,

  2. 当查看哪些规则会影响元素时,您可以更轻松地调试CSS
    (Chrome中的“样式”标签)

  3. 您可以使用CSS和HTML,而无需重新加载页面。

此外,Chrome还会记住“元素”标签中的最后5个选择。$0是当前选择,$1而是上一个选择。您可以上去$4。这样,您可以轻松调试多个节点,而无需不断地将选择切换到它们。

您可以在Google Developers上了解更多信息。

 类似资料:
  • 问题内容: 是否可以检查元素的CSS 或使用JavaScript? 问题答案: 元素具有一个属性,该属性可以告诉您想要什么,如果样式是内联声明的或使用JavaScript声明的: 将为您提供一个字符串值。 就像sdleihssirhc在下面说的那样,如果元素是被CSS规则继承或指定的,则需要获取其计算样式:

  • 主要内容:JavaTuples 元组检查元素的方法,JavaTuples 元组检查元素的示例JavaTuples 元组检查元素的方法 每个元组都提供实用方法来以与集合类似的方式检查其元素。 contains(element) : 检查元素是否存在。 containsAll(collection) : 检查元素是否存在。 indexOf(element) : 如果存在,则返回第一个元素的索引,否则返回 -1。 lastIndexOf(element) : 如果存在,则返回最后一个元素的索引

  • 我正在检查一个屏幕上iOS应用程序,但它不提供该屏幕上的任何元素。 Appium inspector未在该屏幕上提供任何对象。请帮忙。我被困在这里了。如果有其他方法检查iOS屏幕,请建议。 我正在mac中使用Appium Desktop v1.9.0 https://i.stack.imgur.com/HZVkf.png

  • 问题内容: 使用普通的JavaScript(不是jQuery),是否可以检查元素是否 包含 类? 目前,我正在这样做: 问题是,如果我将HTML更改为此… …不再存在完全匹配的内容,因此我得到的默认输出为none()。但我还是想输出为,因为还 包含 了类。 问题答案: 使用方法: 这适用于所有当前浏览器,并且也有polyfill支持旧版本的浏览器。 或者 ,如果您使用较旧的浏览器,并且不想使用po

  • 问题内容: 我试图在执行此行之前检查元素是否存在: 如果id 在文档中不存在,甚至在-block中,都会引发错误“ no such element” 。我找到了Java的答案,您可以在其中检查大小是否为0,但是在node-js中,这会在我检查大小之前引发错误。 问题答案: 您可以利用的可选错误处理程序参数。 我在文档中找不到明确声明的内容,但是通过模块源代码中的函数定义确定了这一点:

  • 问题内容: 我对一种检查元素是否具有display:none样式显式性(即style =“ display:none”),具有(或继承)此样式的类,或其父项是否被隐藏的方式感兴趣(并且我的元素继承了这个) 情况1: 要么 情况2: 谢谢, 问题答案: 您正在寻找一种针对两种不同情况的解决方案。 第二种情况是检测某个元素的 父级 是否被隐藏。这需要遍历并且麻烦且缓慢。 / Sizzle使用),然后阅