Đôi khi bạn vào cùng một trang web, bạn sử dụng Firefox giao diện thiết kế web rất đẹp. Nhưng khi vào trang đó bằng IE, bạn lại thấy các thành phần của website nhảy lung tung, không đẹp như mẫu thiết kế web ban đầu nữa. Vậy tại sao lại có lỗi hiển thị gây khó chịu như vậy? Ảnh hưởng của trình duyệt web tới việc hiển thị website như thế nào? Và làm cách nào để khắc phục lỗi đó và hiển thị giao diện thiết kế web một cách chính xác và hoàn hảo trên mọi trình duyệt web?
Các loại trình duyệt web hiện nay
Sự phát triển không ngừng với tốc độ chóng mặt của internet đã thúc đẩy sự ra đời của hàng loạt trình duyệt web ngày nay. Vào những năm cuối thế kỉ 20, đi cùng với sự thống trị của hệ điều hành Windows là trình duyệt web Internet Explorer (IE) được cài đặt sẵn với lượng sử dụng luôn xấp xỉ 90% thị phần trình duyệt web, các trình duyệt web khác như Opera, Netscape, Safari (máy MAC của Apple) chiếm số lượng không đáng kể. Đa số các website hồi đó đều thiết kế tối ưu của IE.
Nhưng với sự ra đời của trình duyệt web mã nguồn mở Mozilla Firefox, sự thống trị của IE bị lung lay dữ dội. Được phát triển trên nền trình duyệt Netscape, "Cáo lửa" thực sự đem lại một ánh sáng mới trong bầu trời xám xịt bởi sự thống trị của IE. Với nhiều ưu điểm vượt trội như tốc độ lướt web vượt trội, giao diện dễ sử dụng, chiếm ít tài nguyên máy hơn, tính tùy biến cao, và đặc biệt là mã nguồn mở, với sự tham gia phát triển của hàng ngàn lập trình viên giỏi trên toàn thế giới, các lỗi, độ bảo mật, tính tương thích, phát triển công nghệ gần như là được cập nhập theo từng ngày. Khác biệt hoàn toàn với ông khổng lồ chậm chạp IE. Và với sự thành công vượt bậc của Firefox, các trình duyệt web khác đã lần lượt ra đời như Opera phiên bản mới, Safari của Apple dành cho Windows, Chrome của ông lớn tìm kiếm Google đã hình thành thêm một vấn đề cho các nhà quản trị web, tính tương thích trình duyệt.
Tính tương thích trình duyệt - Nguyên nhân, vấn đề và giải pháp
Khi số lượng các trình duyệt được phát triển nhiều như vậy, lại nảy sinh ra một vấn đề, một số website hiển thị ở mỗi trình duyệt khác nhau hay thậm chí là không hiển thị được. Nguyên nhân của hiện tượng này là mỗi trình duyệt lại có một bộ phiên dịch mã hiển thị (HTML) gọi là web engine khác nhau. Giải thích một cách nôm na là mã HTML là một ngôn ngữ hiện thị của web, các web engine là các nhà phiên dịch từ HTML ra giao diện thiết kế web. Mỗi nhà phiên dịch đó phiên dịch không giống nhau nên website cũng hiển thị không được chính xác. Như IE sử dụng bộ web engine do Microsoft phát triển. Firefox, Safari, Chrome, Opera đều sử dụng Webkit để phát triển nhưng mỗi trình duyệt lại có cơ chế giải mã HTML khác nhau. Ngoài ra còn do khả năng hỗ trợ của trình duyệt, các trình duyệt cũ thường không được cập nhập các lệnh mới, các ngôn ngữ lập trình web mới nên hay gặp khó khăn trong việc hiển thị các website mới sau này.
Vấn đề của lỗi này làm khó chịu người xem. Với việc hàng ngàn website mới ra đời mỗi giờ như hiện nay. Việc giữ chân khách viếng thăm web là yếu tố sống còn của website thương mại. Nếu website bạn thiết kế tối ưu cho một trình duyệt nào đó thì sẽ mất khách hàng sử dụng trình duyệt còn lại. Đừng tưởng IE là đa số, hiện nay IE chỉ còn chiếm khoảng xấp xỉ 70% thị trường trình duyệt toàn cầu, Firefox đã vươn lên hơn 20%, khoảng 10% còn lại là các trình duyệt khác. Nhưng nếu xét ở địa phương thì đôi khi có sự khác biệt, như ở Việt Nam, Firefox lại chiếm đa số lượng sử dụng, hay như chính bản thân WEB MỸ THUẬT, lượng người dùng Firefox viếng thăm chiếm tới 60,61%; IE chiếm 28,73%; còn lại là các trình duyệt khác. Nếu ta chú trọng vào một trình duyệt thì sẽ mất lượng khách hàng tiềm năng rất nhiều.
Biểu đồ lượng truy cập WEB MỸ THUẬT theo trình duyệt web
Vậy làm cách nào để khắc phục được hiện tượng này? Có nhiều cách khác nhau, nhưng cơ bản có thể làm theo những cách sau đây:
- Khuyến khích cập nhập các phiên bản trình duyệt web mới nhất: đôi khi các lỗi hiển thị là do trình duyệt web đã cũ, không hỗ trợ các công nghệ web mới nên hiển thị không chính xác. Bạn hãy khuyến khích người lướt web luôn cập nhập các phiên bản trình duyệt mới sau này
- Lập trình mã HTML không sử dụng các chương trình thiết kế web sẵn như Fontpage, Dreamweaver: Do các chương trình này là các chương trình tự động lập trình mã cho giao diện nên rất dễ phát sinh các dòng mã thừa để hiển thị tối ưu cho một trình duyệt nào đó (như Fontpage của Microsoft phát triển nên hiển thị tối ưu trên IE). Dẫn tới hiện tượng không tương thích nói trên. Phương pháp này đòi hỏi lập trình viên phải nắm rất vững các lệnh lên code và có nhiều kinh nghiệm trong việc viết mã HTML.
- Lập trình theo chuẩn W3C Standard của tổ chức tiêu chuẩn web quốc tế W3C: W3C là tổ chức quốc tế hợp tác với các công ty tập đoàn internet lớn như Microsoft, Mozilla, Apple, Google, HP,... để đặt ra các tiêu chuẩn cho việc lập trình web. Các web engine cũng dựa vào các tiêu chuẩn này để hiển thị giao diện web. Khi website của bạn đã đạt được chứng nhận W3C, mọi trình duyệt sẽ hiển thị website của bạn một cách chính xác và thống nhất. Để được chứng nhận W3C Standard, bạn vào địa chỉ sau: http://validator.w3.org, gõ đỉa chỉ website của bạn vào. Nếu website bạn đạt tiêu chuẩn, W3C sẽ cấp một logo chứng nhận cho website của bạn. Nếu chưa đạt chuẩn, W3C sẽ đưa ra các lỗi cần sửa chữa, lời khuyên để bạn chỉnh sửa code của mình.
Khi thực hiện những bước trên, website của bạn sẽ hiển thị tốt trên mọi trình duyệt và tốc độ tải trang rất nhanh. Hy vọng với chút kiến thức về thiết kế web và lập trình web của WEB MỸ THUẬT, bạn sẽ có một website đẹp, lập trình tốt và tương thích trên mọi trình duyệt.
Đăng nhận xét