Chrome网页前端组件调试模式,获取核心业务逻辑

  1. 进入网页,点击F12,弹出开发者工具对话框,如下图Chrome网页前端组件调试模式,获取核心业务逻辑_第1张图片

  2. 定位目标组件,如按钮,修改html,插入οnclick="debugger"代码
    Chrome网页前端组件调试模式,获取核心业务逻辑_第2张图片

  3. 在网页点击该按钮,触发调试模式
    Chrome网页前端组件调试模式,获取核心业务逻辑_第3张图片

  4. 不停按F11,逐个检索文件代码,对一些框架/组件文件,可以忽略,右键这个文件,点击“向忽略列表添加脚本”,然后继续按F11调试,直到看到核心业务逻辑为止。

Chrome网页前端组件调试模式,获取核心业务逻辑_第4张图片

你可能感兴趣的:(前端,chrome)