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>
目录
相关文章
|
存储 Java 文件存储
|
SQL druid Java
springboot +logback+阿里数据源(druid)打印sql日志以及简化日志输出方式
springboot +logback+阿里数据源(druid)打印sql日志以及简化日志输出方式
2810 0
|
JavaScript
使用VUE- Cli创建UniApp
使用VUE- Cli创建UniApp
256 1
|
存储 人工智能 安全
阿里云对象存储OSS介绍
阿里云对象存储OSS介绍
469 2
|
存储 网络安全 API
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
2203 0
|
移动开发 JavaScript 小程序
从零开始使用 UniApp 构建跨平台移动应用
从零开始使用 UniApp 构建跨平台移动应用
447 0
成功解决:Could not resolve dependency: npm ERR! peer vue@“^3.0.2“ from vuex@4.0.2
这篇文章讨论了在使用npm安装依赖时遇到的一个常见问题,即无法解析依赖导致的"peer dependency"冲突错误。文章提供了几种解决方法,包括清除npm缓存、删除`node_modules`文件夹和`package-lock.json`文件,然后重新尝试安装,以解决版本冲突问题。
|
SQL Java 关系型数据库
SpringBoot 系列之 MyBatis输出SQL日志
这篇文章介绍了如何在SpringBoot项目中通过MyBatis配置输出SQL日志,具体方法是在`application.yml`或`application.properties`中设置MyBatis的日志实现为`org.apache.ibatis.logging.stdout.StdOutImpl`来直接在控制台打印SQL日志。
SpringBoot 系列之 MyBatis输出SQL日志
|
Web App开发 测试技术 iOS开发
无需手动操作:利用 Playwright 自动上传文件
Playwright是Microsoft的自动化测试工具,支持Chrome、Firefox和Safari。本文展示了如何用Python和Playwright自动上传文件。`locator.set_input_files()`方法用于选择文件,可上传多个或清除已选文件。当输入元素动态创建时,可监听`page.expect_file_chooser()`事件。示例代码包括直接上传和处理弹出文件选择框的情况。这种方法适用于批量文件上传场景。

热门文章

最新文章