F12 | Inspect Element, Console

Tôi tạo ra F12 Browser vì tôi thấy mệt mỏi với việc phải cắm điện thoại vào máy tính bằng dây cáp mỗi khi chỉ muốn kiểm tra nhanh bố cục di động hoặc lệnh gọi API.

Tôi xin nói thẳng: đây là một dự án cá nhân dùng để kiểm tra nhanh, học hỏi và thử nghiệm. Nó chắc chắn không thể thay thế Chrome DevTools trên máy tính để bàn hoặc gỡ lỗi từ xa thực sự tại nơi làm việc của bạn.

Một vài điều bạn có thể làm với nó:

Chạy các đoạn mã JavaScript ngay trên trang để xem điều gì xảy ra.

Nhấp chuột vào cây HTML để xem các lớp, kiểu dáng và làm nổi bật các phần tử.

Xem các lệnh gọi fetch và XHR trực tiếp để bạn có thể kiểm tra mã trạng thái và đọc dữ liệu JSON.

Mở các yêu cầu mạng để xem tiêu đề và tham số truy vấn.

Mở các liên kết đa phương tiện như hình ảnh hoặc luồng video được tải bởi trang.

Kiểm tra nhật ký console và lỗi.

Nếu bạn là sinh viên, người tò mò về cách hoạt động của các trang web di động, hoặc bạn chỉ muốn kiểm tra nhanh API khi không ở bàn làm việc, hy vọng bạn sẽ thấy nó hữu ích.