Chrome development tools 笔记
2016-04-02 01:07
330 查看
DevTools Elements
1. 设置DOM断点
DevTools给我们提供了三种DOM断点:1. Subtree Modifications - 会在子节点的增加、删除、移动时候触发。
2. Attributes Modifications - 断点会在当前元素的状态(id、class、disabled等)发生改变时候触发。
3. Node Removal - 断点会在当前元素被移除时候触发。
2.查看元素的事件绑定
3.右侧style部分
1.浏览器自带的样式:User agent stylesheets(用户代理样式)
2.CSS修改历史: Local modifications…
我们可以在修改历史中,看到修改的时间,以及两次修改前后的Diff,还可以对这些修改进行回滚操作。

原文: http://www.cc-lab.cn/chrome-dev-tools-2/
相关文章推荐
- rpm包的依赖关系如何通过yum解决
- 第6章招聘产品经理——寻找出色的产品经理
- 谷歌DeepMind现在可以分析万智牌和炉石卡
- Can't locate ExtUtils/Embed.pm in @INC (@INC contains: /usr/local/lib64/perl5
- 手游产品经理初探(六)粗糙的logo会给产品致命一击
- 产品经理必知
- APMserv 5.2.6 安装教程
- RK3288开发板PopMetal上的GPIO驱动实例
- pmpi简单实例
- 产品经理职业分享以及求职技巧讲座
- (OK) cBPM(段错误(吐核))—((EndWorkflowEvent*)evt)->getProcessID()—getenv 返NULL
- I.MX6 PMU MMPF0100 driver porting
- 修改npm下载模块的安装位置
- MSM平台RPM
- MSM平台RPM
- rpm卸载命令
- PMAC上位机编程
- 如果做好测试PM【转载】
- APM启动流程及ArduPilot函数入口
- Head First PMP – 14 – 职业道德(Professional Responsibility)