Browser Support Reporter의 μƒν’ˆ 둜고 이미지

Browser Support Reporter

5.0(

평점 1개

)
Browser Support Reporter의 ν•­λͺ© λ―Έλ””μ–΄ 1(μŠ€ν¬λ¦°μƒ·)

κ°œμš”

Record the active tab's console + network and copy a Markdown bug report.

Browser Support ReporterλŠ” λΉ„κ°œλ°œμžκ°€ DevToolsλ₯Ό μ—΄μ§€ μ•Šκ³ λ„ 버그 μž¬ν˜„ 정보λ₯Ό ν•œ λ²ˆμ— 정리해 κ°œλ°œμžμ—κ²Œ 전달할 수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” 디버깅 보쑰 λ„κ΅¬μž…λ‹ˆλ‹€. λ…Ήν™” μ‹œμž‘ β†’ 문제 μž¬ν˜„ β†’ Markdown λ³΄κ³ μ„œ μžλ™ 생성 β†’ ν΄λ¦½λ³΄λ“œ 볡사 β†’ Jira에 λ°”λ‘œ λΆ™μ—¬λ„£κΈ°. ν•œ 번의 클릭이면 λμž…λ‹ˆλ‹€. β–  μžλ™μœΌλ‘œ μΊ‘μ²˜λ˜λŠ” 정보 β€’ μ½˜μ†” 둜그 β€” console.log/info/warn/error 호좜, JavaScript μ˜ˆμ™Έ, μ²˜λ¦¬λ˜μ§€ μ•Šμ€ Promise κ±°λΆ€ β€’ λ„€νŠΈμ›Œν¬ μš”μ²­ β€” XHR/fetch 호좜의 URL, HTTP λ©”μ„œλ“œ, μƒνƒœ μ½”λ“œ, μ†Œμš” μ‹œκ°„, λ¦¬μ†ŒμŠ€ νƒ€μž… β€’ λΈŒλΌμš°μ € ν™˜κ²½ β€” User Agent, 뷰포트 해상도, νŽ˜μ΄μ§€ URL/타이틀, μ–Έμ–΄ μ„€μ • β€’ WebRTC 톡계 (μ˜΅μ…˜) β€” ν™”μƒνšŒμ˜/톡화 νŽ˜μ΄μ§€μ˜ peer connection μƒνƒœ, ICE 후보 νƒ€μž…, RTT, νŒ¨ν‚· 손싀 β€’ ν™”λ©΄ λ…Ήν™” (μ˜΅μ…˜) β€” μ‹œμŠ€ν…œ μ˜€λ””μ˜€ 포함, .webm 파일둜 μ €μž₯ β–  민감 정보 μžλ™ λ§ˆμŠ€ν‚Ή μˆ˜μ§‘λœ λ°μ΄ν„°λŠ” λ³΄κ³ μ„œλ‘œ μ •λ¦¬λ˜κΈ° 전에 μžλ™μœΌλ‘œ λ‹€μŒ ν•­λͺ©μ΄ [REDACTED]둜 κ°€λ €μ§‘λ‹ˆλ‹€: β€’ HTTP 헀더: Authorization, Cookie, Set-Cookie, X-API-Key λ“± β€’ URL 쿼리 νŒŒλΌλ―Έν„°: token, api_key, password, secret, code, signature λ“± β€’ ICE μ„œλ²„μ˜ TURN 자격증λͺ… β€’ WebRTC ICE candidate의 IP μ£Όμ†Œ β€’ URL의 userinfo λΆ€λΆ„ β–  Jira μžλ™ 연동 λ…Ήν™” μ’…λ£Œ ν›„ [Send to Jira] λ²„νŠΌμ„ λˆ„λ₯΄λ©΄: 1. Markdown λ³΄κ³ μ„œκ°€ ν΄λ¦½λ³΄λ“œλ‘œ 볡사됨 2. μ„€μ •λœ Jira λ³΄λ“œ URL이 μƒˆ νƒ­μœΌλ‘œ μ—΄λ¦Ό 3. Create Issue λ‹€μ΄μ–Όλ‘œκ·Έκ°€ μžλ™μœΌλ‘œ 펼쳐짐 4. μ„€λͺ…(description) ν•„λ“œμ— λ³΄κ³ μ„œ λ‚΄μš©μ΄ μžλ™μœΌλ‘œ μ±„μ›Œμ§ Jira URL은 νŒμ—…μ—μ„œ 직접 νŽΈμ§‘ν•΄μ„œ μ–΄λ–€ ν”„λ‘œμ νŠΈ/λ³΄λ“œλ“  μ§€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€. β–  μ‚¬μš© 흐름 1. 문제 νŽ˜μ΄μ§€μ—μ„œ ν™•μž₯ μ•„μ΄μ½˜ 클릭 2. ν•„μš”ν•˜λ‹€λ©΄ "Also record screen video" 체크 3. [Start recording] 클릭 4. 같은 νƒ­μ—μ„œ 버그 μž¬ν˜„ 5. [Stop recording] 클릭 6. λ…ΈνŠΈ μΆ”κ°€ ν›„ [Send to Jira] λ˜λŠ” [Copy] 클릭 β–  μš”μ²­ κΆŒν•œ 및 μ‚¬μš© λͺ©μ  β€’ webRequest β€” μ‚¬μš©μžκ°€ μ‹œμž‘ν•œ λ…Ήν™” μ„Έμ…˜ λ™μ•ˆμ—λ§Œ ν™œμ„± νƒ­μ˜ λ„€νŠΈμ›Œν¬ μš”μ²­ 메타데이터 μˆ˜μ§‘ (본문은 μˆ˜μ§‘ν•˜μ§€ μ•ŠμŒ) β€’ scripting β€” WebRTC μ˜΅μ…˜μ„ 켰을 λ•Œ μ½˜ν…μΈ  슀크립트λ₯Ό λ™μ μœΌλ‘œ 등둝 β€’ storage β€” λ…Ήν™” μ„Έμ…˜ μƒνƒœμ™€ μ‚¬μš©μž 섀정을 λΈŒλΌμš°μ €μ— μž„μ‹œ 보관 β€’ offscreen β€” ν™”λ©΄ λ…Ήν™” μ˜΅μ…˜ ν™œμ„± μ‹œ MediaRecorderλ₯Ό ν˜ΈμŠ€νŒ… β€’ downloads β€” λ…Ήν™”λœ .webm νŒŒμΌμ„ μ‚¬μš©μž λ‹€μš΄λ‘œλ“œ 폴더에 μ €μž₯ν•˜κ³ , μƒˆ λ…Ήν™” μ‹œμž‘ μ‹œ μžλ™ 정리 β€’ activeTab / tabs β€” μ‚¬μš©μžκ°€ λ…Ήν™”λ₯Ό μ‹œμž‘ν•œ νƒ­λ§Œ μ‹λ³„ν•΄μ„œ λ‹€λ₯Έ νƒ­κ³Ό 데이터가 μ„žμ΄μ§€ μ•Šλ„λ‘ 함 β€’ 호슀트 κΆŒν•œ (<all_urls>) β€” μ–΄λŠ νŽ˜μ΄μ§€μ—μ„œλ“  λ…Ήν™”λ₯Ό μ‹œμž‘ν•  수 μžˆλ„λ‘ 함 β–  κ°œμΈμ •λ³΄ 보호 β€’ μˆ˜μ§‘λœ λ°μ΄ν„°λŠ” μ‚¬μš©μž λ””λ°”μ΄μŠ€ λ‚΄μ—λ§Œ μ €μž₯λ©λ‹ˆλ‹€ β€’ μ–΄λ–€ μ™ΈλΆ€ μ„œλ²„λ‘œλ„ 데이터λ₯Ό μ „μ†‘ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€ β€’ μ‚¬μš©μžκ°€ λͺ…μ‹œμ μœΌλ‘œ λ…Ήν™”λ₯Ό μ‹œμž‘ν•œ νƒ­μ˜ λ°μ΄ν„°λ§Œ μΊ‘μ²˜ν•©λ‹ˆλ‹€ β€’ Reset λ˜λŠ” μƒˆ λ…Ήν™” μ‹œμž‘ μ‹œ 이전 μ˜μƒμ€ λ””μŠ€ν¬/IndexedDBμ—μ„œ μžλ™ μ‚­μ œλ©λ‹ˆλ‹€ β€’ Cookie, Authorization ν—€λ”λŠ” λΈŒλΌμš°μ € API μˆ˜μ€€μ—μ„œ 우리 ν™•μž₯에 λ…ΈμΆœλ˜μ§€ μ•Šλ„λ‘ μ„€κ³„λ˜μ—ˆμŠ΅λ‹ˆλ‹€ β–  μž‘λ™ ν™˜κ²½ Chrome 116 이상.

세뢀정보

  • 버전
    0.1.0
  • μ—…λ°μ΄νŠΈλ¨
    2026λ…„ 5μ›” 21일
  • 크기
    25.19KiB
  • μ–Έμ–΄
    ν•œκ΅­μ–΄
  • 개발자
    이메일
    rlaxogus0517@gmail.com
  • λΉ„νŒλ§€μž
    판맀자둜 μ‹λ³„λ˜μ§€ μ•Šμ€ κ°œλ°œμžμž…λ‹ˆλ‹€. 유럽 연합에 κ±°μ£Όν•˜λŠ” μ†ŒλΉ„μžμ˜ 경우, 이 κ°œλ°œμžμ™€ μ²΄κ²°ν•œ 계약에 λŒ€ν•΄μ„œλŠ” μ†ŒλΉ„μž κΆŒλ¦¬κ°€ μ μš©λ˜μ§€ μ•Šμ„ 수 μžˆμŒμ„ μœ μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κ°œμΈμ •λ³΄ 보호

ν™•μž₯ ν”„λ‘œκ·Έλž¨μ„ κ΄€λ¦¬ν•˜κ³  μ‘°μ§μ—μ„œ ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ μ‚¬μš©λ˜λŠ” 방식을 μ•Œμ•„λ³΄μ„Έμš”.
κ°œλ°œμžκ°€ 데이터λ₯Ό μˆ˜μ§‘ν•˜κ±°λ‚˜ μ‚¬μš©ν•˜μ§€ μ•Šκ² λ‹€κ³  λͺ…μ‹œν–ˆμŠ΅λ‹ˆλ‹€. μžμ„Ένžˆ μ•Œμ•„λ³΄λ €λ©΄ 개발자의 privacy policy λ¬Έμ„œλ₯Ό μ°Έκ³ ν•˜μ„Έμš”.

κ°œλ°œμžκ°€ μ‚¬μš©μž 데이터에 κ΄€ν•΄ λ‹€μŒκ³Ό 같이 μ„ μ–Έν–ˆμŠ΅λ‹ˆλ‹€

  • 승인된 μ‚¬μš© 사둀λ₯Ό μ œμ™Έν•˜κ³  μ„œλ“œ νŒŒν‹°μ— νŒλ§€ν•˜μ§€ μ•ŠμŒ
  • ν•­λͺ©μ˜ 핡심 κΈ°λŠ₯κ³Ό κ΄€λ ¨ μ—†λŠ” λͺ©μ μœΌλ‘œ μ‚¬μš©ν•˜κ±°λ‚˜ μ „μ†‘ν•˜μ§€ μ•ŠμŒ
  • μ‹ μš©λ„ νŒλ‹¨ λ˜λŠ” λŒ€μΆœ λͺ©μ μœΌλ‘œ μ‚¬μš©ν•˜κ±°λ‚˜ μ „μ†‘ν•˜μ§€ μ•ŠμŒ

κ΄€λ ¨ ν•­λͺ©

HAR Debugger

5.0

DevToolsλ₯Ό μ—΄μ§€ μ•Šκ³  ν˜„μž¬ νƒ­μ˜ λ„€νŠΈμ›Œν¬ μš”μ²­μ„ κΈ°λ‘ν•˜κ³  HAR 파일둜 λ‚΄λ³΄λƒ…λ‹ˆλ‹€.

LogKeeper

5.0

Capture and inspect console logs, network errors, and user interactions in real-time. A lightweight browser debugging companion.

OpenJam

0.0

Capture console, network, screenshots, mic narration and device info into one self-contained bug report. Open-source Jam.dev.

DevRecorder

4.9

Screen recorder for developer debugging captures console, network, and navigation alongside video

Bug Session Recorder

5.0

Grava automaticamente a sessao de uso para facilitar a reproducao de bugs.

Bug Reproduction Recorder

0.0

Record user actions and auto-generate reproducible bug reports.

TraceBug β€” Capture the Bug, Let AI Fix It

5.0

Capture a browser bug β€” replay, console, network β€” into one local report your AI agent (Claude, Cursor) reads and fixes. Free.

Easy Copy Network Info

5.0

Easily copy network request and response information with just a click. Perfect for debugging and development.

Repro β€” Capture & replay frontend bugs

5.0

Capture a frontend bug once, then replay it. One click records screen, console, network, actions and storage to find the bug.

Proov

5.0

One-click bug capture β€” record screen, console, network, and user actions, then share a repro link.

Redpen: Report bugs with screenshot/recording

5.0

Capture screenshot and record screen to report bugs and visual feedback.

BugShot β€” ν•œ λ²ˆμ— λλ‚΄λŠ” 버그 리포트

4.8

μ‚¬μ΄λ“œ νŒ¨λ„μ—μ„œ 버그λ₯Ό μΊ‘μ²˜ν•˜κ³  QA 리포트λ₯Ό μž‘μ„±ν•˜μ„Έμš”. μŠ€ν¬λ¦°μƒ·Β·λ…Ήν™”Β·μ½˜μ†”/λ„€νŠΈμ›Œν¬ λ‘œκ·Έμ™€ μ‹€μ‹œκ°„ CSS μˆ˜μ •, JiraΒ·GitHubΒ·Notion 전솑을 μ§€μ›ν•©λ‹ˆλ‹€.

HAR Debugger

5.0

DevToolsλ₯Ό μ—΄μ§€ μ•Šκ³  ν˜„μž¬ νƒ­μ˜ λ„€νŠΈμ›Œν¬ μš”μ²­μ„ κΈ°λ‘ν•˜κ³  HAR 파일둜 λ‚΄λ³΄λƒ…λ‹ˆλ‹€.

LogKeeper

5.0

Capture and inspect console logs, network errors, and user interactions in real-time. A lightweight browser debugging companion.

OpenJam

0.0

Capture console, network, screenshots, mic narration and device info into one self-contained bug report. Open-source Jam.dev.

DevRecorder

4.9

Screen recorder for developer debugging captures console, network, and navigation alongside video

Bug Session Recorder

5.0

Grava automaticamente a sessao de uso para facilitar a reproducao de bugs.

Bug Reproduction Recorder

0.0

Record user actions and auto-generate reproducible bug reports.

TraceBug β€” Capture the Bug, Let AI Fix It

5.0

Capture a browser bug β€” replay, console, network β€” into one local report your AI agent (Claude, Cursor) reads and fixes. Free.

Easy Copy Network Info

5.0

Easily copy network request and response information with just a click. Perfect for debugging and development.

Google μ•±