背景:嵌入app的H5页面,是在app登录的前提下才能进入到这个H5页面,想在PC端浏览器调试这个页面,就需要从app获取到cookie,在PC端浏览器打开H5页面,把获取到的cookie填进去则能正常打开。
【获取cookie】
一、常见的是抓包

二、iOS手机可通过safari获取
数据线连接电脑和iPhone手机,手机打开app里面的H5页面,打开Safari


刚点击cookie内容是空的,可以在客户端再去请求加载一次网页,右侧内容就会出现
选择需要拿到的值,右键选择拷贝行,或者拷贝表格,可以抽取出来需要的 key 和 value
ps:这种方式也可以同样获取到deviceId、appName、appVersion
【修改cookie】
一、常见的Chrome浏览器打开H5-右键检查-标签选择Application-左侧目录找到cookies

二、控制台通过document.cookie写入(新增/覆盖)


比如通过document.cookie=‘X-Security-Id=newValue’去覆盖修改成新的特定值
三、可以通过有相同域名的登录页登录以后,cookie已存入浏览器,地址再修改为需要测试的H5地址
比如需要测试的是 http://qa-wxpage.xxx.com/wutian/kol-list
可以找到 http://qa-quan.xxx.com/doc/f1e9ab84-0c34-4d3d-8bc5-19239c851ed8?shareAppName=medchart 有登录页面,登录以后,地址再改成 http://qa-wxpage.xxx.com/wutian/kol-list
就可以用到特定的cookie去测试了。
网友评论