Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Phương pháp debug trên thiết bị di động

Kỹ năng hướng dẫn toàn bộ cách bắt lỗi JavaScript trên điện thoại/tablet khi không có DevTools desktop.

Lập trìnhTrung cấp★ 401⑂ 64Điểm AI 9/10Cập nhật lần cuối: 23 thg 9, 2026

Kỹ năng này làm gì

Đưa ra lộ trình debug web trên mobile theo từng tình huống cụ thể.

  • Remote inspect gốc: Chrome chrome://inspect cho Android, Safari Web Inspector cho iOS, Firefox about:debugging, và quy trình không dây adb pair / adb connect cho Android 11+
  • Console trong trang: cách nạp Eruda / vConsole có điều kiện, kèm bảng so sánh tính năng
  • Rào chắn an toàn: không dùng CDN công khai; cài package ghim phiên bản, copy vào thư mục /debug cùng origin và kiểm tra SHA256
  • Tự động hoá: Playwright/Puppeteer giả lập thiết bị và thu console, pageerror, requestfailed
  • Giám sát production: Sentry (integration dạng function từ v8), LogRocket session replay
  • Khác: scrcpy mirror màn hình Android, debug iOS không cần Mac (ios-webkit-debug-proxy, Inspect.dev), thiết bị thật trên LambdaTest/BrowserStack

Phù hợp với ai

  • Lập trình viên frontend làm web responsive hoặc mobile web app
  • Người cần tái hiện bug "chỉ lỗi trên điện thoại của tôi"
  • Người dùng Windows/Linux không có Mac nhưng phải debug iOS
  • Đội QA/CI muốn thu log console từ thiết bị thật

Ví dụ sử dụng

  1. "Tôi muốn mở dev server localhost:3000 trên điện thoại Android và xem console" → hướng dẫn port forwarding trong chrome://inspect
  2. "Tablet của khách không cắm USB được nhưng cần xem lỗi" → snippet nạp Eruda theo ?eruda=true và cách đặt file cùng origin
  3. "Thu toàn bộ lỗi console ở viewport iPhone 15 bằng script" → mã Playwright giả lập thiết bị và xuất log JSON

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/jamditis/claude-skills-journalism/HEAD/dev-toolkit/skills/mobile-debugging/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục dev-toolkit/skills/mobile-debugging từ repo GitHub jamditis/claude-skills-journalism vào ~/.claude/skills/mobile-debugging/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/jamditis/claude-skills-journalism.git && mkdir -p ~/.claude/skills && cp -r claude-skills-journalism/dev-toolkit/skills/mobile-debugging ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở Terminal.
  2. Clone repo: git clone https://github.com/jamditis/claude-skills-journalism.git
  3. Tạo thư mục skills: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r claude-skills-journalism/dev-toolkit/skills/mobile-debugging ~/.claude/skills/
  5. Kiểm tra tồn tại file ~/.claude/skills/mobile-debugging/SKILL.md.
  6. Mở lại Claude Code và thử yêu cầu: "giúp tôi xem lỗi console trên điện thoại".
  7. (Tuỳ chọn) Cần adb (Android Platform Tools) để debug Android, và Node.js + npx playwright install nếu muốn tự động hoá.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT