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 中的 ‘$’

相关文章
|
4月前
|
前端开发 JavaScript 开发者
console.log()
【8月更文挑战第29天】
67 5
|
6月前
|
机器学习/深度学习 JavaScript 前端开发
你不知道的console.log用法
在JavaScript中,使用`console.log()`时,通过大括号能显示变量名和值。`console.table(data, columns)`用于格式化打印表格。常用方法包括:`console.log()`
56 0
|
7月前
|
Web App开发 前端开发 JavaScript
console importer
console importer
180 0
|
XML JavaScript 数据格式
JS console.log、console.dir、console.dirxml 区别
JS console.log、console.dir、console.dirxml 区别
135 0
|
C#
C#中Console.WriteLine()与Console.Write的区别
C#中Console.WriteLine()与Console.Write的区别
155 0
|
Web App开发 JavaScript
Chrome Console 中的 '$' 和Console Importer
Chrome Console 中的 '$' 和Console Importer
173 0
|
Web App开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
chrome-在console中访问节点5
chrome-在console中访问节点5
78 0
chrome-在console中访问节点5
|
JavaScript C语言
console.log(a + a++ * ++ a)到底输出什么?
前言 有些小伙伴可能看到这道题目就已经蒙圈了!甚至可能看不懂这道题目在干什么。其实这是一道比较考察基础的面试题,当你明白原理之后,你可能会感觉这道题也就那么回事,但是如果你没有思绪,那你可能觉得这道题很难。 今天我们就来彻底看看这到底在做什么妖!
519 0
console.log(a + a++ * ++ a)到底输出什么?
|
Web App开发 Linux Android开发
chrome报错formData.set is not a function的解决办法
chrome报错formData.set is not a function的解决办法
666 0