伝わるフィードバック

Chrome extension

Chrome 拡張の使い方

console / network / DOM / storage key を、録画と一緒に AI向けフィードバックへ添付します。

インストール

β 期間中は案内された Chrome Web Store または配布 ZIP からインストールします。公開後は Chrome Web Store の「伝わるフィードバック Context Capture」を利用します。

録画連携

  1. 対象ページを開く
  2. 拡張 popup で capture を開始
  3. 必要に応じて debugger attach を許可
  4. 伝わるフィードバックで録画する
  5. 録画完了後、ブラウザ文脈を AI向けフィードバックへ添付する

権限の理由

  • `activeTab`: ユーザーが操作した対象タブの文脈を取得するため
  • `tabs`: active tab を特定し、debugger attach の対象を明示するため
  • `storage`: 取得イベントを端末内に一時保存し、JSON export するため
  • `debugger`: ユーザーが許可した再現中だけ DevTools Protocol の Network event を取得するため
  • `<all_urls>`: 任意の業務 Web アプリ上で発生する再現文脈を取得するため

取得される情報

URL、referrer、title、user agent、console、JavaScript error、network の method / URL / status / duration、DOM 構造の概要、Web Vitals、iframe、WebSocket、Cookie / storage のキー名を取得します。Cookie 値、storage 値、request body、response body、password、token は保存しません。

トラブルシュート

  • debugger 許可が出ない: 対象タブをアクティブにして popup から再実行してください
  • network が取れない: attach 後に再現操作を最初からやり直してください
  • イベントが多すぎる: Clear capture で端末内の取得済みイベントを削除してください
  • 機微情報が映った: 共有前に録画を削除し、必要なら support@tsutawaru-feedback.com へ連絡してください