Chrome调试工具-基础篇

piziji1年前动动脑433

1、打开Chorme开发者工具

在 Chrome 菜单中选择更多工具 > 开发者工具

在页面元素上右键点击,选择 “检查”

使用快捷键 F12、 Ctrl+Shift+I


2、查看元素伪类 css 样式

image.png


3、临时增删元素 class

image.png


4、查看元素绑定事件?

image.png


5、全局搜索代码

image.png

标签: 前端

相关文章

uniapp input获取扫描头条码不全问题

uniapp input获取扫描头条码不全问题

一、原因分析input使用双向绑定,input标签loop事件循环获取文本过程中,读取信息不是顺序读取,如果条码中包含了回车键,还没有读取完所有文本,先读取到了回车,触发了相应的回车事件导致取到的条码...

JS简易拓扑排序

JS简易拓扑排序

const nodeCount = 5; /**@type {number[]} */ let graphNodes =&...

召唤伊斯特瓦尔