李恒道 发表于 2021-12-4 12:08:01

[油猴脚本开发指南]基础的脚本调试(二)

# 前文

在上节课我们学习了如何使用控制台

那么这节课我们介绍一下如何对脚本进行调试

一般停下分为两种

一种是console.log()输出对应信息

对此进行分析，然后修改代码

![图片.png](data/attachment/forum/202112/04/115932h67c47gcuzukyy7y.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

这个时候控制台会输出相应消息

![图片.png](data/attachment/forum/202112/04/120256fd0h8zk4xk7d4k8x.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

点击右侧即可跳转到你的代码位置

可以进行下断等操作

![图片.png](data/attachment/forum/202112/04/120315v2xdp7td79iisexe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

注意，因为console.log输出代表你的代码已经执行

除非你代码有循环等，再次执行可以停在这里

否则你需要重新刷新页面，让该代码执行，才可以在你下断的位置上断下

还有一种方式就是通过debugger语句

![图片.png](data/attachment/forum/202112/04/115956la053oyjamag60wn.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

这样当我们打开控制台的时候，运行到debugger这条语句的时候，就会自动停止在debugger的位置

如果你不想停在debugger也很简单

![图片.png](data/attachment/forum/202112/04/120044auex3xh6wb8m3zd8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

这里跳过断点即可，当然，如果你只想在这个位置不在运行debugger，也可以在行数上右键，永不再此处暂停

# 脚本抓包问题

我们打开f12是不会抓到脚本的数据包的

那我们应该如何操作？

## 火狐

![图片.png](data/attachment/forum/202112/04/120534a3q88xdp8ssnfysy.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

菜单-》更多工具-》远程调试

![图片.png](data/attachment/forum/202112/04/120552wb5whiowghzgbth4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

选择此Firefox

![图片.png](data/attachment/forum/202112/04/120604tzqfgz3iv2izqf5z.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

选择检查

![图片.png](data/attachment/forum/202112/04/120628izdb6z9ped7degee.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

这个时候进入的这个控制台可以正常抓油猴的gm_xhr数据包

## Chrome

菜单-》更多工具-》拓展程序

![图片.png](data/attachment/forum/202112/04/120733y97cco8zgx2q81t3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

点击background

打开的这个即可抓包

![图片.png](data/attachment/forum/202112/04/120750rzr24dzi7gvnda59.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "图片.png")

# 结语

那么到这里我们已经基本学会了脚本的基本调试方法，撒花~

Hangover 发表于 2021-12-4 23:08:43

ggnb！！！
页: [1]
查看完整版本: [油猴脚本开发指南]基础的脚本调试(二)