HƯớNG DẪN SỬ DỤNG F12
Hướng dẫn sử dụng F12 trên Android, iOS và PC với Eruda
Eruda là một công cụ dành cho nhà phát triển web (giống như DevTools trên Chrome/Firefox) chạy ngay trên trình duyệt di động và PC, giúp bạn kiểm tra mã nguồn, xem console, network, ...
Đoạn mã bạn cần:
```
javascript:(() => { var script = document.createElement('script'); script.src = '//cdn.jsdelivr.net/npm/eruda'; document.body.appendChild(script); script.onload = (() => eruda.init()); })();
```
---
1. Trên PC (Windows/Mac/Linux)
Cách dùng (Chrome, Edge, Firefox, Cốc Cốc,...)
1. Mở trình duyệt, truy cập bất kỳ trang web nào.
2. Tạo Bookmark mới (dấu trang):
· Chuột phải vào thanh bookmark → chọn Add page... / Thêm trang.
· Hoặc nhấn Ctrl + D (Cmd + D trên Mac) để lưu trang hiện tại.
3. Đặt tên (ví dụ: Eruda).
4. Ở ô URL (địa chỉ), xóa hết nội dung cũ và dán chính xác đoạn mã JavaScript trên.
5. Lưu lại.
6. Khi cần dùng F12 trên bất kỳ trang web nào, chỉ cần click vào bookmark "Eruda" đó. Một thanh công cụ sẽ hiện ra ở cuối hoặc góc màn hình.
Trên PC, bạn vẫn có thể dùng F12 thật (DevTools của trình duyệt). Cách này hữu ích khi bạn muốn gỡ lỗi trên chính cửa sổ web hoặc muốn thanh công cụ nhẹ hơn.
---
2. Trên Android (Chrome, Firefox, Edge, Kiwi Browser,...)
Lưu ý:
· Trên Android, trình duyệt Chrome thuần không cho phép dán mã JavaScript vào thanh địa chỉ theo cách thủ công (nó sẽ tự động xóa "javascript:").
· Cách tốt nhất: Dùng trình duyệt Kiwi Browser (hỗ trợ extension và bookmarklet), hoặc dùng Firefox (vẫn hoạt động).
Hướng dẫn trên Firefox Android (nên dùng)
1. Cài Firefox trên CH Play.
2. Tạo một bookmark bất kỳ (ví dụ: gắn sao cho trang google.com).
3. Vào menu (ba chấm) → Bookmarks → Tìm bookmark bạn vừa tạo.
4. Nhấn giữ (hoặc chọn edit) → chọn Edit / Sửa.
5. Đổi tên thành Eruda, ở ô Address / Địa chỉ: xóa hết và dán toàn bộ đoạn mã JavaScript bên trên.
6. Lưu lại.
7. Truy cập bất kỳ trang web nào → mở Bookmarks → click vào bookmark "Eruda". Giao diện F12 sẽ xuất hiện.
Trên Kiwi Browser (có extension, dễ nhất)
· Cài Kiwi Browser → tạo bookmarklet tương tự như Firefox hoặc cài extension "Eruda" từ cửa hàng Chrome Web.
---
3. Trên iOS (iPhone/iPad) – Safari
Lưu ý: Safari iOS hỗ trợ bookmarklet nhưng thao tác hơi dài.
Các bước:
1. Mở Safari, truy cập bất kỳ trang web (ví dụ: google.com).
2. Nhấn nút Chia sẻ (hình vuông với mũi tên lên) → chọn Thêm Dấu trang.
3. Đặt tên (ví dụ: Eruda), chọn vị trí lưu (ví dụ: thanh dấu trang) → Lưu.
4. Nhấn vào biểu tượng Sách (dưới cùng) → chọn tab Dấu trang → tìm bookmark "Eruda" vừa tạo.
5. Nhấn giữ lên bookmark đó cho đến khi menu hiện ra → chọn Sửa.
6. Ở ô Địa chỉ (URL): xóa hết và dán đoạn mã JavaScript vào.
7. Nhấn Xong.
8. Để dùng: vào bất kỳ website nào → mở Dấu trang → click vào "Eruda". Lần đầu có thể mất 1-2 giây để tải.
Nếu không nhấn giữ được, bạn có thể tạo bookmark trên máy tính Mac và đồng bộ qua iCloud với Safari.
---
Hướng dẫn sử dụng Eruda sau khi mở thành công
Sau khi click bookmark, giao diện màu xanh/đen sẽ hiện ra. Bạn có thể:
· Console: Gõ lệnh JavaScript trực tiếp.
· Elements: Xem cấu trúc HTML/CSS (chỉ xem, không chỉnh sửa trực tiếp được nhưng có thể copy).
· Network: Xem các request tải lên.
· Resources: Xem localStorage, cookies, session.
· Info: Xem User Agent, màn hình,...
· Sources: Xem file JS/CSS.
Đóng / Mở:
· Nhấn nút hình tròn màu xanh (hoặc đen) ở góc màn hình để thu gọn / mở lại.
---
Lưu ý quan trọng
· Mã chỉ hoạt động khi trang web cho phép chèn script (hầu hết trang web thông thường đều được, trừ một số trang bảo mật cao hoặc dùng CSP nghiêm ngặt).
· Không dùng để hack hay vượt qua mật khẩu. Đây là công cụ gỡ lỗi front-end.
· Trên iOS, bookmarklet có thể bị Safari chặn nếu URL quá dài, nhưng đoạn trên vẫn nằm trong giới hạn.
---
Made by DeepSeek