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>
目录
相关文章
|
Web App开发 JavaScript 前端开发
Chrome 开发者工具 Console 面板里的 VM 是什么含义
Chrome 开发者工具 Console 面板里的 VM 是什么含义
|
Web App开发 开发者
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
|
Web App开发 JavaScript 前端开发
SAP UI5 应用开发教程之三十七 - 使用 Chrome 开发者工具 Console 面板进行元素审查试读版
SAP UI5 应用开发教程之三十七 - 使用 Chrome 开发者工具 Console 面板进行元素审查试读版
|
Web App开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
|
Web App开发 JavaScript
Chrome Console 中的 '$' 和Console Importer
Chrome Console 中的 '$' 和Console Importer
119 0
|
Web App开发 JavaScript 前端开发
chrome-在console中访问节点5
chrome-在console中访问节点5
74 0
chrome-在console中访问节点5
|
Web App开发
chrome调试10-console面板简介与交互式命令
chrome调试10-console面板简介与交互式命令
90 0
chrome调试10-console面板简介与交互式命令
|
Web App开发
chrome调试11-在console中调试日志
chrome调试11-在console中调试日志
102 0
chrome调试11-在console中调试日志
|
Web App开发 前端开发 JavaScript
Chrome 技术篇-console控制台检测xpath、css唯一性
Chrome 技术篇-console控制台检测xpath、css唯一性
269 0
Chrome 技术篇-console控制台检测xpath、css唯一性