Chrome Console 中的 '$' 和Console Importer

简介: Chrome Console 中的 '$' 和Console Importer

$N

$0 对当前选中的 html 节点的引用

$1 对上一次选择的节点的引用

$2 是对在那之前选择的节点的引用

一直到 $4

$_ 对上次执行的结果的引用

$$$

$ = document.querySelector

$$ = document.querySelectorAll

$x

XPath 表达式选取 DOM 元素

$i

$i 引入npm包

需要安装chrome插件 Console Importer 下载地址:

https://www.crx4chrome.com/extensions/hgajpakhafplebkdljleajgbpdmplhie/

eg:

$i('moment')

moment().format('YYYY-MM-DD')
"2020-04-21"

// 或者
$i('https://cdn.bootcss.com/qs/6.9.3/qs.min.js')

Qs.stringify({name: 'Tom', age: 23})
"name=Tom&age=23"

参考

05 | console 中的 ‘$’

            </div>
目录
相关文章
|
4月前
|
Web App开发 前端开发 JavaScript
console importer
console importer
44 0
|
8月前
|
XML JavaScript 数据格式
JS console.log、console.dir、console.dirxml 区别
JS console.log、console.dir、console.dirxml 区别
40 0
|
9月前
|
C#
C#中Console.WriteLine()与Console.Write的区别
C#中Console.WriteLine()与Console.Write的区别
60 0
|
Web App开发 JavaScript
Chrome Console 中的 '$' 和Console Importer
Chrome Console 中的 '$' 和Console Importer
149 0
|
Web App开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
chrome-在console中访问节点5
chrome-在console中访问节点5
60 0
chrome-在console中访问节点5
|
JavaScript C语言
console.log(a + a++ * ++ a)到底输出什么?
前言 有些小伙伴可能看到这道题目就已经蒙圈了!甚至可能看不懂这道题目在干什么。其实这是一道比较考察基础的面试题,当你明白原理之后,你可能会感觉这道题也就那么回事,但是如果你没有思绪,那你可能觉得这道题很难。 今天我们就来彻底看看这到底在做什么妖!
454 0
console.log(a + a++ * ++ a)到底输出什么?
|
Web App开发 前端开发 JavaScript
你需要知道的 19 个 console 实用调试技巧(上)
众所周知,浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。​
211 0
|
XML JavaScript 前端开发
你需要知道的 19 个 console 实用调试技巧(下)
众所周知,浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。​
174 0
|
Web App开发 开发者
Chrome开发者工具使用console.trace的一个小技巧
Chrome开发者工具使用console.trace的一个小技巧
219 0
Chrome开发者工具使用console.trace的一个小技巧