首页 > 作文

Chrome Dev tools的几点小技巧

更新时间:2023-04-07 05:54:48 阅读: 评论:0

呼出快捷指令面板:cmd + shift + p

devtools界面下,键入cmd + shift + p`重庆985将其激活,然后开始在栏中键入要查找的命令或输入?号以查看所有可用命令 .如下图:其中open file,go to line,go to symbol对于快速打开文件和定位文件位置还是节省了不少时间.

1.性能监视器:> performance monitor

本地覆盖:local overrides

感觉这个特性是超级棒。 使用我们自己的本地资源覆盖网页所使用的资源。 多说无益,直接举个例子大家就明白了。大家看到了吧,我们可以把网络资源直接和本地资源映射,再次刷新网页,取得资源文件就是本地的了。这种对js、css等文件批量修改调试特别有用。

local overrides还可以模拟mock数据,如果后端api还不ok或者不想频繁的发布后台api。这个功能是相 当有用,不过听说还不支持xhr请求。

控制台内置指令

私以为如果网页里面如果没有引用jquery是不是就不能使用$这样的语法了,nonono

$(lector, [startnode]):单选择器

可以选择元素并触发元素事件.

$$(选择器,[startnode]):全选碳还原氧化铜择器

$x(path, [startnode])xpath选择器

$x(path)返回与给定xpath表达式匹配的dom元素数组 .

$x(‘//div’):返回页面上的所有div元素。

ge乒乓球赛事teventlisteners(object):获取指定对象的绑定事件

console…的多种用法

1.变量打印:%s%o%d、和%c

例如: const text = “文本1”

console.log(打印${text})

//结果为打印文本1

2.布尔断言打印:console.asrt()

做前端调工程测量学试时很有用。

3.console.table()泸县太伏中学事件内容可以以表格的形式输出.

本文发布于:2023-04-07 05:54:47,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/2cd1ca30cfc91270ced59c48530ce2d3.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:Chrome Dev tools的几点小技巧.doc

本文 PDF 下载地址:Chrome Dev tools的几点小技巧.pdf

标签:元素   还不   资源   事件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图