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开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
|
Web App开发 JavaScript
Chrome Console 中的 '$' 和Console Importer
Chrome Console 中的 '$' 和Console Importer
120 0
chrome-在console中访问节点5
chrome-在console中访问节点5
78 0
chrome-在console中访问节点5
|
Web App开发
chrome调试10-console面板简介与交互式命令
chrome调试10-console面板简介与交互式命令
93 0
chrome调试10-console面板简介与交互式命令
|
Web App开发
chrome调试11-在console中调试日志
chrome调试11-在console中调试日志
106 0
chrome调试11-在console中调试日志
|
Web App开发 前端开发 JavaScript
Chrome 技术篇-console控制台检测xpath、css唯一性
Chrome 技术篇-console控制台检测xpath、css唯一性
276 0
Chrome 技术篇-console控制台检测xpath、css唯一性
|
Web App开发 JavaScript
【chrome】在做项目使用chrome调试的时候,调整Console的位置
在新的电脑上安装了谷歌浏览器 ,然后在调试系统的时候,发现console这个控制台,模拟调试js的位置无法显示到source以下,   解决问题: 怎么样让console控制台显示到sources下,在查看js源码的同时又能查看console模拟控制台的js调试呢? 在sources界面下,按下...
1337 0
|
Web App开发 JavaScript 前端开发
Chrome 控制台console的用法(转)
一、查看命令 下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。 目前控制台方法和属性有: ["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvent...
1470 0
|
Web App开发 监控 JavaScript
Chrome 开发工具之Console
前段时间看git的相关,记的笔记也大致写到了博客上,还有些因为运用不熟,或者还有一些疑惑点,暂时也不做过多纠缠,之后在实践中多运用得出结论再整理分享吧。 工欲善其事,必先利其器。要想做好前端的工作,也应该多了解浏览器开发工具的使用,近来几天在看html和css的一些技巧性知识,顺便也把chrome一些懂的地方再熟悉和不懂的地方去学习,把开发工具理解理解,也分享给小伙伴们,今天暂时是console相关的吧(偷个小懒,从用的最熟的面板入手,之后计划整理出chrome开发工具各个面板的使用说明~也需要时间测测,还有两个面板用的不熟呢)。
1156 0
|
Web App开发 JavaScript 前端开发
Chrome 控制台新玩法-console显示图片以及为文字加样式
  有兴趣的同学可以文章最后的代码复制贴到控制台玩玩。 Go for Code   在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下: 在输出信息前面会有一个带感叹号的黄色三角警告符号。
1124 0