Một lập trình viên HTML nên biết: một dấu hiệu của sự chuyên nghiệp là việc hiển thị và hoạt động giống nhau của một trang web trong bất kỳ trình duyệt nào, ít nhất là trong “bộ ba lớn”, bao gồm các trình duyệt Internet Explorer, Opera, Mozilla Firefox. Quá trình xác minh tính đúng đắn của hiển thị trang web bao gồm ba giai đoạn chính.
Nó là cần thiết
- • Một số trình duyệt được cài đặt trên máy tính.
- • Chú ý.
Hướng dẫn
Bước 1
Giai đoạn một, chuẩn bị
Quá trình chuẩn bị bao gồm tải xuống bộ phân phối trình duyệt và cài đặt nó trên máy tính. Bất kỳ quá trình cài đặt nào cũng kết thúc với câu hỏi: "đặt trình duyệt này bao gồm theo mặc định?". Vì vậy, cái chính, hoặc được bao gồm theo mặc định, bạn cần phải tạo cái chiếm vị trí trung gian về kích thước của "jambs" có thể có. Theo kinh nghiệm của nhiều thế hệ thiết kế bố cục thì đây là trình duyệt Opera.
Sau khi cài đặt một số trình duyệt trên máy tính của bạn, hãy tiến hành trực tiếp quá trình so sánh. Để thực hiện việc này, hãy di chuột qua tệp có phần mở rộng.html, đây sẽ là cơ sở của trang web hoặc toàn bộ mẫu và nhấp vào tệp đó bằng nút chuột phải. Trong tab mở ra, hãy chọn "mở bằng", rồi chọn loại trình duyệt bạn muốn. Tệp có thể được mở trong một số trình duyệt cùng một lúc, để chúng được thu nhỏ trên thanh tác vụ của máy tính để bàn và mở khi cần thiết.
Bước 2
Giai đoạn hai - so sánh trực quan
Về mặt trực quan, các trang của trang web trong trình duyệt có thể khác nhau ở ba thông số chính:
1. Bằng số lượng thụt lề và lề giữa các phần tử trang. IE đặc biệt tinh vi trong việc tính toán các giá trị thực của các thuộc tính padding và margin.
2. Các trình duyệt khác nhau hiển thị phông chữ khác nhau, ngay cả những phông chữ tiêu chuẩn như Arial và Times New Roman. Đây là vấn đề khó khăn nhất đối với các dòng mục menu, có thể được hiển thị thành hai dòng hoặc hoàn toàn nằm ở hàng thứ hai.
3. Tính đúng đắn của việc hiển thị hình ảnh. Trong trường hợp đơn giản nhất, một số trình duyệt, chẳng hạn như Opera, không đọc thuộc tính vspace và hspase được chỉ định trong thuộc tính thẻ
… Đôi khi hình ảnh không được căn giữa trong các ô bảng nếu các thuộc tính
điều kiện này không được viết ra. Nhưng rắc rối chính đối với nhà thiết kế bố cục là chuẩn bị định dạng ảnh.png. Kênh trong suốt trong mã của tệp này được tất cả các trình duyệt đọc theo cách riêng của nó, đặc biệt là IE thành công trong việc này. Vì vậy, những đốm xám xấu xí thường được quan sát thay cho những bức ảnh mờ đẹp.
Giai đoạn ba - kiểm tra chức năng
Ở giai đoạn này, bạn cần kiểm tra các mục menu "thả xuống". Trong tác phẩm của họ, không nên để xảy ra hiện tượng giật, chậm và quan trọng nhất là nội dung chung của trang bị nhảy khi mở các mục menu riêng lẻ. Điều tương tự cũng áp dụng cho các thành phần văn bản của trang, được mở rộng hoàn toàn khi bạn nhấp vào nút hoặc dòng chữ "thêm chi tiết".
Kết luận, tôi muốn nói rằng cuộc đấu tranh cho "khả năng tương thích giữa nhiều trình duyệt" - đây là tên thuộc tính của một trang được hiển thị ở mọi nơi theo cùng một cách, quá trình này rất phức tạp và thú vị, đòi hỏi rất nhiều thực tế. kinh nghiệm.
Bước 3
Giai đoạn ba - kiểm tra chức năng
Ở giai đoạn này, bạn cần kiểm tra các mục menu "thả xuống". Trong tác phẩm của họ, không nên để xảy ra hiện tượng giật, chậm và quan trọng nhất là nội dung chung của trang bị nhảy khi mở các mục menu riêng lẻ. Điều tương tự cũng áp dụng cho các thành phần văn bản của trang, được mở rộng hoàn toàn khi bạn nhấp vào nút hoặc dòng chữ "thêm chi tiết".
Kết luận, tôi muốn nói rằng cuộc đấu tranh cho "khả năng tương thích giữa nhiều trình duyệt" - đây là tên thuộc tính của một trang được hiển thị ở mọi nơi theo cùng một cách, quá trình này rất phức tạp và thú vị, đòi hỏi rất nhiều thực tế. kinh nghiệm.
