Trình duyệt đang hoạt động (+ Công cụ dành cho nhà phát triển)
Trình duyệt là một chương trình tìm nạp các tệp HTML/CSS/JS từ máy chủ và biến chúng thành một trang hiển thị, tương tác; DevTools (F12) là “tia X” nội bộ của nó – nó hiển thị mọi yêu cầu và mọi lỗi. Tại sao: trong công việc frontend (Giai đoạn 9), trình duyệt là sân khấu của bạn và F12 là công cụ gỡ lỗi miễn phí mạnh mẽ nhất mà bạn từng cần – các tệp www của chính ứng dụng của bạn (Capacitor) theo đúng nghĩa đen là một lớp trình duyệt. Khi nào: “trang trống,” “nút không hoạt động,” “dữ liệu không đến,” “nó chậm” – mọi chẩn đoán này đều bắt đầu từ F12. Cách thức: URL → DNS (bài 2) → HTTPS + GET (bài 3) → nhận HTML → trong khi đọc nó, gặp CSS/JS/hình ảnh và gửi các yêu cầu MỚI cho từng cái → hiển thị trang → JS làm cho nó hoạt động. Ở đâu: Chrome/Edge/Firefox trên PC của bạn; WebView trên Android (một trình duyệt không có thanh địa chỉ, bên trong APK của bạn). Ai: các nhà phát triển frontend cả ngày; nhưng các nhà phát triển backend cũng kiểm tra API của riêng họ thông qua F12 → Mạng.