Media
5 items
Description
Debug Screenshot Tool with Action Logs ■Evidence Stamp: The All-in-One Bug Reporting Tool for Chrome One click to capture console logs, network errors, storage state, and user actions. Overview Evidence Stamp solves the "It works on my machine" problem by bridging the gap between QA/CS teams and Developers. Instead of just taking a simple screenshot, it automatically monitors and "burns" critical debugging information directly into the image. Key Features Deep Diagnostics: Captures Console Logs, Network Errors (4xx/5xx status), and User Actions. State Snapshot: Records LocalStorage data and current input form values at the moment of the crash. SPA Native: Tracks route changes via History API hooks, making it perfect for React, Vue, and Next.js applications. Privacy First: 100% local processing with no cloud data transfer. Automatically masks password fields for security. ■日本語 (Japanese Description) Evidence Stamp: ワンクリックでバグ報告の証拠を保全 Evidence Stamp は、Webシステムのバグ報告に必要な「証拠（エビデンス）」をワンクリックで保全するChrome拡張機能です。 開発者ではないメンバー（CS、QA、テスター）がバグに遭遇した際、エンジニアが調査に必要とする「コンソールログ」「通信エラー」「操作履歴」「ストレージ状態」を、自動的にスクリーンショットに焼き込みます（Burn-in）。 これにより、「再現しません」「環境情報をください」といったエンジニアと報告者の間のコミュニケーションコストを大幅に削減します。 主な機能 1. 診断情報の全自動記録 画面キャプチャと同時に、以下の情報を取得して画像化します。 Console Logs: JavaScriptのエラーや警告（無限ループ防止機能付き） Network Status: 4xx/5xx エラーのAPI通信ログ User Actions: クリック、入力などの操作履歴（直近40件） Storage & State: LocalStorageのスナップショットと、入力中のフォーム値 2. SPA完全対応 History API (pushState) をフックすることで、React、Vue、Next.js などのSPA（シングルページアプリケーション）における画面遷移も正確に追跡します。 3. セキュリティ & プライバシー 完全ローカル動作: ログデータは外部サーバーに一切送信されません。 機密情報の保護: パスワード入力欄 (type="password") は自動的にマスクされます。 ログイン不要: SaaS契約やアカウント登録なしで、インストール後すぐに利用可能です。 技術スタックと設計思想 フレームワーク（React/Vue）を使用せず、Vanilla JS (ES2020+) のみで構築しています。これにより、ビルドプロセスを排除し、軽量かつ高速な動作を実現しました。 Architecture: Renderer Patternを採用し、描画ロジックを分離して保守性を向上させています。 Diagnostics Agent: ページコンテキストに介入するエージェントを注入し、外部からでは取れない内部情報を安全に取得します。 Robustness: console.error の監視による無限ループ（ハウリング）を防止する安全装置を実装済みです。 ライセンス This project is licensed under the MIT License.