DevTools下分析网站源码时,如何快速找到某个JavaScript特效代码片段?
Chrome、Firefox等浏览器下分析分析网站源码时,怎样快速的找到某个效果的JS代码片段?
Chrome、Firefox下是否有这样的一些插件工具?
ThankQ!
风吹菊不疼
11 years, 8 months ago
Answers
我一般用比较原始的办法。
1.先格式化代码
底部"pretty print"按钮就可以搞定,当然这只能把代码格式话,无法把混淆的代码还原。如果网站提供了代码的
source map
就是可以还原的。因为目前提供source map的较少,我就不说这个了,题主可自行尝试。
比如变量名虽然被缩略成单字母,但是可以看前后文,它获取了什么值、做了什么事情,就可以推测一下这个变量的含义。
刚开始读这样的代码会很痛苦,但是学习本身就不是简单的事情,多读一下就会找到技巧的,这样才能更好的进步。
2.如何找到这个函数?
- 根据功能猜测函数可能的名字
- 通过查看元素绑定的事件找到起作用的函数
我曾经写过一篇博客,探讨 《豆瓣绑定事件的方法初探》 ,记录了我找代码的过程,见笑了,希望对大家有帮助~
未来+甩葱
answered 11 years, 8 months ago