証拠つきのバグ報告
タブを一度録画するだけ。Lumrecはコンソール、ネットワークリクエスト、すべてのクリックを動画と同期して保存するので、開発者は何が起きたかを正確に把握できます。
checkout.acme.io/cart
SPRING25Pay $48.00Something went wrong
0:29
Console 2Network 1ActionsInfo
0:06Coupon SPRING25 applied
0:14Deprecated: total() will change in v3
0:29TypeError: Cannot read properties of undefined (reading 'total')at Checkout.pay (checkout.js:182:21)
0:30Uncaught (in promise) CheckoutError
01
「再現できません」はもう不要
Chrome拡張機能がタブとそのdevtoolsを一緒に録画します。エラー、リクエスト、操作が動画と揃うので、修正は正しい瞬間から始まります。
コンソールエラー、警告、スタックトレース
ステータス、ペイロード、タイミング付きのリクエスト
クリック、入力、ページ遷移
checkout.acme.io/cart
SPRING25Pay $48.00Something went wrong
0:29
Console 2Network 1ActionsInfo
0:06Coupon SPRING25 applied
0:14Deprecated: total() will change in v3
0:29TypeError: Cannot read properties of undefined (reading 'total')at Checkout.pay (checkout.js:182:21)
0:30Uncaught (in promise) CheckoutError
02
すべての報告をひとつの場所に
Devtools録画ページでは、チームの録画をページ、ブラウザ、ログが捉えた内容と一緒に一覧表示。ひとつずつ開かずにトリアージできます。
エラーと失敗したリクエストがひと目でわかる
サイト、ブラウザ、シグナル、メンバーで絞り込み
サイドバーに新着録画の件数
Devtools recordings3 new
Checkout button does nothingcheckout.acme.io/cartChrome 131 · macOS3 errors2 failed requestsLT
Upload stuck at 99% for large CSVapp.acme.io/imports/newEdge 130 · Windows 111 failed requestDK
Chart flickers on date changeapp.acme.io/insightsChrome 131 · Windows 11No errors loggedMV
Invite email link returns 404app.acme.io/inviteFirefox 131 · Ubuntu2 errors1 failed requestHT
03
設計からプライバシー重視
パスワード、トークン、Cookie、認証ヘッダーは、録画中のページ内で外に出る前にマスクされます。ログを見られるのは動画を視聴できる人だけです。
サーバーではなくページ内でマスク
動画と同じアクセス権
ワークスペース限定やパスワード付きリンク
POST/api/checkout500412 ms
Request headers
content-type: application/jsonauthorization: [redacted]cookie: [redacted]
Request body
{ "coupon": "SPRING25", "card": "[redacted]", "password": "[redacted]" }
Redacted in the page
開発者が求めるすべて
クリックでシークエラーが起きた瞬間へジャンプ。
cURLとしてコピーターミナルでリクエストを再実行。
環境情報URL、ブラウザ、OS、ビューポート、ロケール。
ページ読み込みをまたいでリロードしても録画を継続。
ひとつのリンクJira、Linear、Slackに貼り付け。
どのサイトでもステージング、本番、localhost。
1分以内に録画を開始
クレジットカード不要。25本まで無料。