PageSpy
関連リンク
紹介
背景
コンソールは日常の開発において欠かせない効率的なツールです。プロジェクトの問題は常に最初にコンソールを通じて調査されます。しかし、場合によってはコンソールが使用できないため、問題の調査に多くの時間と労力がかかることがあります。これが PageSpy が解決しようとしている問題です。
以下のシーンに遭遇したことはありませんか？：
実機での H5 デバッグ：以前は H5 で情報を表示できるパネルが提供されていましたが、実機の画面は小さく操作が不便で、表示が不親切でデータが切り捨てられることがありました；
リモートワーク、遠隔コラボレーション：従来のコミュニケーション手段（メール、電話、ビデオ会議など）は、コミュニケーションの周期が長く、効率が悪く、障害情報が不完全で、誤解や誤判断が生じやすい；
ユーザーのデバイスでのホワイトスクリーン：問題のあるユーザー情報を事前に把握する必要があり、問題の特定方法はデータ監視、ログ分析、さらには顧客現場に赴くことなどです。これらの方法は、障害担当者がビジネスシーンや技術実装を理解していることに依存しています；
グローバルな「問題フィードバック」コンポーネント：ユーザー体験を重視したほとんどのサイトでは、製品に障害が発生した場合にフィードバックを受け取って迅速に解決するため、製品側でユーザーにフィードバック用のフォームコンポーネントを提供しています。ユーザーの視点からは確かに好感度が増しますが、ユーザーが提出する内容は問題調査にあまり役立たないことが多いです。根本的な理由は、ユーザーが提出するのは主に文字での概要やスクリーンショット、時にはユーザー情報も含まれますが、開発者が求めているのは以下のような内容です：
- ユーザーの操作履歴；
- 操作に伴うプログラムの実行時のデータ。例えば、ログの出力、発行されたネットワークリクエストおよび応答データなど；
ローカル開発では私たちはまさにこのようにコンソールを使っていませんか？
機能
PageSpy は使用シーンに基づき、オンラインリアルタイムデバッグ と オフラインログ再生 の 2 つのモードに分かれており、Console、Network、Page、Storage、System の情報パネルを提供します。また、コードをプロジェクト端に送信して実行することも可能です。これにより、開発者は障害対応の効率を向上させ、コミュニケーションの時間を短縮できます。
現在、PageSpy は Web / ミニプログラム / ReactNative / OpenHarmony プラットフォームで安定した SDK を提供しています。