HuolalaTech / page-spy-web

Debug remotely and easily like chrome devtools.
https://www.pagespy.org
MIT License
4.55k stars 271 forks source link

支付宝小程序storage展示不正确 #147

Closed ahao430 closed 8 months ago

ahao430 commented 8 months ago

Describe the bug

支付宝小程序引入page-spy-alipay并初始化。

import PageSpy from '@huolala-tech/page-spy-alipay';
new PageSpy({
    api: 'test.jikejishu.com',
    project: 'xx小程序',
});

在https://test.jikejishu.com的房间列表看到房间,进去看到console和network正常,但是storage一排的value值都是{"success":true}。

模拟器: image

房间storage展示: image

后续再操作,看到storage对应项的值就正常了。仅仅是初始的值不正确。

Steps to reproduce

  1. 打开支付宝小程序

  2. 安装pagespy。引入并初始化

    import PageSpy from '@huolala-tech/page-spy-alipay';
    new PageSpy({
    api: 'test.jikejishu.com',
    project: 'xx小程序',
    });
  3. 开发工具设置:

    image image
  4. 小程序代码写入storage,可以看到当触发写入时,该项在网页展示正确。点击storage刷新按钮,所有storage又变成{success: true}

System Info

System:
    OS: macOS 14.2.1
    CPU: (8) arm64 Apple M1
    Memory: 74.52 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v16.16.0/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v16.16.0/bin/npm
    pnpm: 7.29.3 - ~/.nvm/versions/node/v16.16.0/bin/pnpm
  npmPackages:
    @huolala-tech/page-spy-alipay: ^1.7.6 => 1.7.6

Logs

No response

Validations

ahao430 commented 8 months ago

再提一个功能建议,关于console面板。 小程序的console面板,没有h5的输入能力,群里询问是因为小程序限制了热编译。但是可以做成下拉框,提供一些预设的能力。 如:

qkang07 commented 8 months ago

已更新 @huolala-tech/page-spy-alipay@1.7.8

11003 commented 8 months ago

image image 最新版 "@huolala-tech/page-spy-alipay": "^1.7.8",

qkang07 commented 8 months ago

image image 最新版 "@huolala-tech/page-spy-alipay": "^1.7.8",

这是 eslint 报的,看下你的 eslint 或 tslint 或 tsconfig

qkang07 commented 8 months ago

image image 最新版 "@huolala-tech/page-spy-alipay": "^1.7.8",

这是 eslint 报的,看下你的 eslint 或 tslint 或 tsconfig

image 报错上的建议照做就行