Chrome浏览器调试js代码步骤

最近在爬取一个商城的商品信息玩,发现需要调试js代码获取参数加密方式,但是发现网上很多介绍使用Chrome调试js代码的文章豆不够详细,对第一次操作的人很不友好,所以自己写一篇,希望帮其他人节约点时间

但其请求的form-data中有加密参数(右下角的_sig):

 

很明显,这是一个通过JavaScript生成加密参数的加密方式,且加密方式应该为md5.

所以,首要任务是找到生成该参数的js代码,然后再根据复杂程度考虑是用python模拟js代码还是使用pyexecjs直接调用js.

接下来就是使用Chrome浏览器调试js代码的详细步骤:

1.按f12,再点击Sources,找到js脚本,本例中生成加密参数的js脚本为bundle下的第一个

2.找到后先按代码左下角的{},将代码格式化为上图样式,然后按ctrl+F搜索参数,进行查找,找到参数后,在该函数处打上断点(鼠标单击左键即可),然后点击右上角绿色划线处

3.完成以上步骤后,刷新页面,即可进入调试模式

进入调试模式后,点击上图中绿色划线上的按钮,js代码便会被一次次的执行,且会显示各个参数的值,很明显,上图中的_sig值由o值加密而来(可以复制o的值然后使用在线加密平台验证cmd5),而o值由form-data中其他几个参数加上商品id而来,由此便可使用python的md5模块模拟加密参数的生成了.

接下来构建请求爬取数据的过程,将会在另一篇文章里记录