资讯专栏INFORMATION COLUMN

常识级别的 chrome 控制台操作接口

Simon_Zhou / 847人阅读

摘要:特殊变量返回上一个表达式的返回值。监视一个函数监视一个元素上的事件参考链接

原文链接:https://ssshooter.com/2018-12...

快 2019 年了,我才去看 chrome DevTools 的 api,唉,晚是晚点,总比不知道好吧?对于这些接口,不知道也不会导致你无法正常开发,但是知道了效率是能提高很多的。其实很多“常识”都因为“太常识”了,所以大家都不说,不讨论,结果知道的人反而不多。

以下是几句话的简单总结。

特殊变量

$_ 返回上一个表达式的返回值。

$0 ~ $4 $0 返回上次选中的 dom 元素(需要用审查元素或直接在开发工具点击元素,使用下面的 $() 不生效),$n 返回上 n + 1 次选择的元素。

特殊方法

$() 等同于 document.querySelector()

$$() 等同于 document.querySelectorAll()

$x() 传入 XPath 获取 dom 元素,XPath 相关概念可以在这里了解。

inspect() 审查某元素,例如 inspect($0)。这里有一个不容易注意的坑,如果你的页面有一个 id 为 inspect 的元素,那么你输入 inspect 就会获得那个 dom 元素,而不是审查函数。

copy() 复制一个变量。之前我一直有一个很苦恼的问题,有时候想用 js 处理一些数据,例如存放对象的数组,想在浏览器直接处理,但是当时不知道这个方法,复制不出来,只能用 node 写文件然后复制,十分蠢,其实明明一个 copy(var) 就完事了呀。

monitor(function) 监视一个函数

monitorEvents(object[, events]) 监视一个元素上的事件

参考链接:https://developers.google.com...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100502.html

相关文章

  • 常识之外规范——阿里java开发手册笔记(全章节)

    摘要:说明这篇文章是我第一次认真阅读阿里巴巴开发手册终极版的笔记。说明本手册明确防止是调用者的责任。一年半载后,那么单元测试几乎处于废弃状态。好的单元测试能够最大限度地规避线上故障。 说明 这篇文章是我第一次(认真)阅读《阿里巴巴 Java 开发手册(终极版)》的笔记。手册本身对规范的讲解已经非常详细了,如果你已经有一定的开发经验并且有良好的编码习惯和意识,会发现大部分规范是符合常识的。所以...

    Martin91 评论0 收藏0
  • 前端答疑-chrome开发者工具正确食用-调试代码

    摘要:之前写过前端答疑开发者工具正确食用看网页源码,其中涉及到了和两个标签。工具栏提供了,路径过滤支持正则,类型过滤,拿响应其实很简单啊,找到页面的请求,然后看里面不就是吗看这个其实也是昨天碰到的,有个朋友说他下载文件失败。 之前写过前端答疑-chrome开发者工具正确食用-看网页源码,其中涉及到了 Sources 和 Network 两个标签。 不曾想现在的世界越来越看不懂了昨天吧,一个...

    zhangxiangliang 评论0 收藏0
  • 菜鸟入门:了解网络存储基本常识

    摘要:而实际上,网络存储和网络连接的系统相比并没有多少不同。网络存储具有在网络上提供存储服务的能力。了解存储的第一步,便是关于存储的分类与一些基本的定义,下面一起来看一看。存储是一件复杂的事情,在经历过电脑运算能力和网络互连能力两次快速发展之后,人们对于网络的需求不再满足于连通能力,而倾向于更为强大的信息管理能力。随着越来越多的关键信息转化为数字形式并存储在可管理的介质中,网络对于存储和管理信息的...

    Imfan 评论0 收藏0
  • 基于 Node+express 爬虫数据 API,爬一套自己api数据(2)

    摘要:目前半岛局势紧张,朝鲜已进行了六次核试验,被广泛认为已经拥有了核弹头。另外朝鲜的导弹技术今年以来快速突破,成功试射了射程可覆盖美国本土的洲际弹道导弹。这个版的内容传到互联网上后,迅速刷屏,引起纷纷议论。 SplderApi2 Node-SplderApi2 第二版 基于Node 的网络爬虫 API接口 包括前端开发日报、kugou音乐、前端top框架排行、妹纸福利、搞笑视频、段子笑话、...

    beanlam 评论0 收藏0
  • 2017年经历那些灵异事件

    摘要:年快要过去了,回顾这一年来,在业务代码里,开发新功能占据,修复占了,在解决的这些中,大部分都是代码级别的错误,使用基本都可以解决,但其中有三个比较神奇,算得上是灵异事件了。 2017年快要过去了,回顾这一年来,在业务代码里,开发新功能占据70%,修复BUG占了30%,在解决的这些BUG中,大部分都是代码级别的错误,使用 Chrome Devtools 基本都可以解决,但其中有三个比较神...

    Markxu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<