你真的会使用Chrome开发者工具吗(二)

2015-11-12
阅读 2 分钟
7k
继续上篇:你真的会使用Chrome开发者工具吗(一) 13. 查看事件侦听器 选择Elements面板 右侧面板选择Event Listeners 导航,然后选择一个事件 对事件鼠标右键选择Show Function Definition,可定位到事件的函数定义 14. CSS3(Easing)渐入动画效果预览 点击渐入效果样式图标(紫色图标),可以预览动画效果 可对相应的贝...

你真的会使用Chrome开发者工具吗(一)

2015-11-12
阅读 2 分钟
9.4k
原文 How to use Chrome DevTools like a Pro Chrome开发工具是一个web开发者的利器,使用她你可以实现: 管理界面元素 断点调试JavaScript代码 优化你的代码 这里将列出一些非常实用的使用技巧,帮助你更加高效的工作 1. 快速编辑HTML元素 选择开发工具面板的Elements 在Elements下的元素编辑器中选择一个DOM元素 双击...