Cách thiết kế cho các trình duyệt web khác nhau - núm vú

Mặc dù khán giả của bạn có thể khác nhau, bạn có thể tạo các trang web trông đẹp trên Safari trên iPhone và iPad mà không ảnh hưởng đến thiết kế của trang khi xem trong bất kỳ trình duyệt web phổ biến nhất trên Internet.

Nếu bạn muốn tạo ra một trang web tuyệt vời với nhiều chức năng hữu ích và tấn "yếu tố wow", bạn có thể thiết kế các trang web của bạn với mã để làm cho chúng trông đẹp trong các trình duyệt web truy cập trang web của bạn.

Bạn nên nhắm mục tiêu (và thử nghiệm) thiết kế của mình bằng hai phiên bản gần đây nhất của mỗi trình duyệt web phổ biến nhất trên máy tính để bàn và máy tính xách tay.

Vào thời điểm viết bài này, các trình duyệt trong danh sách dưới đây được ưa chuộng nhất - và những trình duyệt được sử dụng tốt nhất để thử nghiệm và nhắm mục tiêu thiết kế của bạn:

• Chrome: Phiên bản 7, 8, 9

• Firefox: Các phiên bản 3. 5, 3. 6, 4. 0

• Opera: Phiên bản 10, 11

• Safari: Phiên bản 4, 5

• Khám phá trình duyệt của đối tượng sở thích Nếu bạn không chắc những trình duyệt mà khách truy cập đang sử dụng, có thể bạn có thể tìm hiểu bằng cách xem nhật ký giao thông từ trang web của bạn. Hầu hết các trang web đều có cách để theo dõi lưu lượng truy cập và bằng cách tìm kiếm nhật ký web của bạn, bạn có thể xem loại trình duyệt và thiết bị nào đang truy cập trang web của bạn.

Một cách tuyệt vời để theo dõi lưu lượng truy cập là Google Analytics, bạn có thể thêm miễn phí vào bất kỳ trang web nào để theo dõi các nguồn lưu lượng truy cập, đo lường các trình duyệt truy cập vào trang web của bạn, cũng như làm nhiều việc khác. Trong hình này, bạn sẽ thấy cách Google Analytics liệt kê tất cả các loại trình duyệt và thiết bị truy cập vào một trong các trang web của chúng tôi.

Các mẫu lưu lượng truy cập và thay đổi sử dụng trình duyệt theo thời gian, vì vậy hãy chắc chắn kiểm tra các báo cáo của bạn một cách thường xuyên và kiểm tra mã của bạn với mỗi phiên bản trình duyệt mới. Hiểu khách truy cập của bạn có thể giúp bạn chọn con đường hoạt động tốt nhất cho trang web của bạn. So sánh hỗ trợ HTML và CSS giữa các trình duyệt web

Khi bạn tạo trang web cho iPhone và iPad và khách truy cập vào trang web của bạn có một trong những thiết bị này, bạn có thể tin tưởng rằng họ có phiên bản Safari mới nhất, các trình duyệt tốt nhất để hỗ trợ các tính năng mới nhất của HTML5 và CSS 3.

Nếu bạn định thiết kế các trang có mã thích hợp cho các trình duyệt phù hợp, bạn cần xác định trình duyệt nào hỗ trợ thẻ nào. Rất may, một số tài nguyên trực tuyến có thể giúp bạn, bao gồm Can I Use và trang web đồng hành hấp dẫn của nó, Tính sẵn sàng của HTML5 trong hình ảnh này:

Một trang web hữu ích khác để so sánh và hiểu biết về hỗ trợ trình duyệt của CSS3 là CSS3 Please.