Tính năng trình duyệt mới nào có sẵn ngay hôm nay?

Question

Đó là năm 2009. Internet Explorer 8 cuối cùng cũng đã được phát hành và Firefox sắp lên tới 3.5. Nhiều trình duyệt lớn đang bắt đầu tích hợp các tính năng từ CSS3 và HTML 5 hoặc đã thực hiện điều đó trong một thời gian ngắn. Tuy nhiên, tôi thấy mình đang phát triển các trang web chính xác giống như cách tôi đã làm vào năm 2005.

Rất nhiều tiến bộ đã được thực hiện kể từ đó, và tôi nghĩ lý do tôi chưa bắt đầu tận dụng các khả năng mới này là thật khó để biết được tính năng mới nào hoạt động trong tất cả các trình duyệt chính. Vì tôi chủ yếu là một nhà phát triển phụ trợ, tôi không có thời gian để theo kịp những phát triển này nữa. Tuy nhiên, tôi cảm thấy như tôi đang bỏ lỡ rất nhiều thứ tuyệt vời mà thực sự sẽ làm cho cuộc sống của tôi dễ dàng hơn nhiều.

Làm cách nào để nhanh chóng xác định xem tính năng của CSS3 hoặc HTML5 có được hỗ trợ bởi tất cả các trình duyệt hiện đại chính không?

Answer 1

Can I Use là trang web theo dõi hỗ trợ trình duyệt cho các tiêu chuẩn web hiện tại và sắp tới. Kiểm tra xem liệu bạn có muốn biết liệu một tính năng cụ thể có được hỗ trợ rộng rãi hay không.

Answer 2

Nhúng phông chữ thông qua CSS, sử dụng @font-face. Webkit/Safari đã hỗ trợ nó kể từ phiên bản 3.1, Microsoft kể từ IE4, Mozilla kể từ Firefox 3.5 (browser support overview).

Ngoài ra, các triển khai khác nhau của Selectors API, cung cấp công cụ chọn CSS gốc trình duyệt để sử dụng trong kịch bản lệnh DOM.

Ví dụ khác, When Can I Use... có vẻ là một tham chiếu rất tốt.

Answer 3

Hỗ trợ trình duyệt cho bộ nhớ cục bộ sẽ cho phép một loạt ý tưởng mới ngay bây giờ mà một số nội dung có thể được lưu trên máy của người dùng.

tài liệu tham khảo:

• Mozilla Firefox
• Internet Explorer

Answer 4

tôi sẽ nói display: table và một loạt các selectors CSS2.1 là những chiến thắng lớn cho các nhà thiết kế. hiển thị: bảng giải quyết một số bố cục không thể giải quyết hoặc khó khăn như 100% chiều cao và bên trong biên giới mà không vi phạm ngữ nghĩa và sử dụng bảng thực tế.

Nhiều lớp (.c1.c2)

Tôi sử dụng min/max-width/height rất nhiều.

Cũng hoạt động: di chuột và quan trọng là tuyệt vời.

Tôi muốn thêm hỗ trợ SVG vào danh sách đó nhưng Microsoft tự nhiên đã làm hỏng điều đó.

BTW, cảnh báo lớn cho những người cảm thấy hứng thú với các tính năng HTML5. Không có ngày chính thức cho việc chấp nhận thông số này. Nó thậm chí còn được ngụ ý rằng nó có thể mất thêm 10 năm nữa (mặc dù tôi nghi ngờ điều đó). Vấn đề là bất cứ điều gì bạn làm với HTML5 giờ đây đều bị vỡ khi thông số chính thức không đến và trong thời gian chờ đợi, bạn có thể gặp nhiều sự không nhất quán của trình duyệt, lỗi và thay đổi API (chưa kể các trình duyệt không hỗ trợ tính năng) .