Trong hệ thống ứng dụng web, trình duyệt web là một trong các thành phần rất quan trọng, trong đó trình duyệt thay mặt ngƣời dùng gửi yêu cầu truy nhập đến máy chủ web, tải và biểu diễn kết quả trả về từ máy chủ cho ngƣời dùng. Trình duyệt cũng hỗ trợ hệ thống giao diện phức tạp, ngôn ngữ kịch bản JavaScript, mẫu định định dạng CSS và các trình cắm (plug-in) nhằm bổ sung tính năng cho trình duyệt.
86
Hình 3.13.Kiến trúc của trình duyệt web
Hình 3.13 biểu diễn kiến trúc của trình duyệt web. Theo kiến trúc này, các thành phần chính của trình duyệt web gồm User Interface (Giao diện ngƣời dùng), Browser Engine (Mô tơ trình duyệt), Redering Engine (Mô tơ trình diễn), Networking (Giao tiếp mạng), JavaScript Interpreter (Bộ diễn dịch và thực hiện JavaScript), UI Backend (Giao diện ngƣời dùng phía sau) và Data Persistence (Kho chứa dữ liệu cho trình duyệt và ngƣời dùng).
User Interface là giao diện tƣơng tác giữa trình duyệt và ngƣời dùng. Thành phần này thƣờng gồm: Menu, Thanh địa chỉ (Address bar), Thanh công cụ (Home, Back, Forward, Refresh, Stop,…), Bookmarks hoặc Favourites (những trang đƣợc định vị sử dụng thƣờng xuyên) và các Tabs (với các trình duyệt mới).
Browser Engine là trung gian chuyển các đầu vào từ User Interface đến Redering Engine. Nó chịu trách nhiệm truy vấn và xử lý Redering Engine theo các đầu vào từ các User Interface khác nhau. Redering Engine chịu trách nhiệm hiển thị nội dung đƣợc yêu cầu lên màn hình. Trình tự hoạt động của mô đun này gồm 3 bƣớc: (1) Phân tích cú pháp các thẻ HTML, (2) Sử dụng các thẻ định dạng (styles) để xây dựng cây trình diễn và (3) Xây dựng các sắp đặt trình diễn.
Networking là mô đun chịu trách nhiệm thực hiện các lời gọi dịch vụ mạng, nhƣ gửi yêu cầu HTTP đến máy chủ web và tiếp nhận phản hồi từ máy chủ web. JavaScript Interpreter chịu trách nhiệm diễn dịch và thực hiện mã JavaScript nhúng trong trang web. UI Backend là mô đun có nhiệm vụ vẽ các đối tƣợng trên trình duyệt nhƣ cửa sổ, hộp combo, danh sách,... Data Storage là cơ sở dữ liệu cục bộ trên máy cài trình duyệt có nhiệm vụ lƣu các dữ liệu cho trình duyệt hoạt động, nhƣ các file cache, cookie, history,...