whatisgithub

What is page-spy-web?

huolalatech/page-spy-web — explained in plain English

Analysis updated 2026-06-26

5,595TypeScriptAudience · developerComplexity · 3/5Setup · moderate

In one sentence

PageSpy is a self-hosted remote debugging dashboard that lets developers inspect errors, logs, network requests, and storage from web apps and mobile mini-programs running on real devices, without needing local browser developer tools.

Mindmap

mindmap
  root((PageSpy))
    What it does
      Remote console view
      Network request log
      Storage inspector
      Error capture
    Platforms
      Mobile browsers
      WeChat mini-programs
      React Native
      HarmonyOS
    How it works
      SDK in the app
      Self-hosted server
      Web dashboard
    Setup
      Node.js
      Docker
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Debug a WeChat mini-program or mobile browser app by viewing live logs and network requests from a remote dashboard.

USE CASE 2

Diagnose a user-reported bug that only appears on their specific mobile device by observing their session in real time.

USE CASE 3

Collaborate on debugging across time zones by sharing a live console view of a running app.

USE CASE 4

Inspect storage contents and network calls in a HarmonyOS or React Native app that does not support browser DevTools.

What is it built with?

TypeScriptNode.jsDocker

How does it compare?

huolalatech/page-spy-webantiwork/shortestarco-design/arco-design
Stars5,5955,5945,600
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity3/53/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires running a self-hosted server via Node.js or Docker before the app SDK can connect to the dashboard.

So what is it?

PageSpy is a remote debugging tool for web applications and mobile mini-programs. When developers build apps that run inside a phone browser, a WeChat mini-program, a React Native app, or a HarmonyOS app, they often cannot use their normal browser developer tools because those tools only work on a local computer. PageSpy solves this by forwarding the same kind of information a developer console shows (errors, logs, network requests, storage contents) to a dashboard that the developer can view from anywhere. The way it works is that a small piece of code (an SDK) is added to the app being debugged. That SDK intercepts calls to built-in browser or platform APIs, formats the data, and sends it over a connection to a PageSpy server. The developer opens a web dashboard connected to the same server and sees a live view of what the app is doing, similar to opening the browser inspector on a desktop. The tool is particularly useful when users report a bug that only appears on their specific device, or when a team is debugging across different time zones and cannot look at the same screen together. Instead of asking a user to describe what they see, the developer can observe the actual error and network activity directly. PageSpy is self-hosted, meaning you run the server on your own machine or cloud server rather than sending data to a third-party service. It can be installed in a few commands using Node.js or Docker. It supports web browsers as well as several Chinese mini-program platforms (WeChat, Alipay, UniApp, Taro) and HarmonyOS. The project is open source and maintained by the engineering team at Huolala, a Chinese logistics company.

Copy-paste prompts

Prompt 1
I want to debug a WeChat mini-program remotely using PageSpy. How do I set up the self-hosted server and add the SDK to my mini-program?
Prompt 2
A user is reporting an error in my mobile web app that I cannot reproduce on desktop. How do I use PageSpy to capture their session and see what is happening?
Prompt 3
Walk me through deploying a PageSpy server with Docker and connecting my React Native app to it for remote inspection.
Prompt 4
How does PageSpy intercept console logs and network requests in a mini-program without modifying the original app behavior?
Prompt 5
I want to debug a device issue with a teammate in a different time zone. How do I share a PageSpy session so we can both see the same console output?

Frequently asked questions

What is page-spy-web?

PageSpy is a self-hosted remote debugging dashboard that lets developers inspect errors, logs, network requests, and storage from web apps and mobile mini-programs running on real devices, without needing local browser developer tools.

What language is page-spy-web written in?

Mainly TypeScript. The stack also includes TypeScript, Node.js, Docker.

How hard is page-spy-web to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is page-spy-web for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.