Cuối năm 2012, chiến lược gia nền tảng di động Peter-Paul Koch đã nhận được tài trợ cho QuirksMode.org, theo ông sẽ cho phép ông dành nhiều thời gian hơn để nghiên cứu các tiêu chuẩn web và làm việc trên các bảng tương thích sẽ được chia sẻ với webplatform.org.
Cuối tuần qua, bộ chọn CSS cho bảng di động đã hoạt động. Koch cũng đã khám phá thêm các cột CSS và khám phá ra một số cách để thực hiện liên quan đến việc triển khai.
Chúng tôi đã nói chuyện với Koch về công việc của anh ấy, cách các bài kiểm tra của anh ấy được viết và lý do tại sao các nhà phát triển nên thận trọng hơn đối với việc kiểm tra trên cơ sở từng công cụ.
.net: Bạn đang nỗ lực rất nhiều vào các bảng di động của mình. Đây có phải là điều chưa được thực hiện ở mức độ này ở nơi khác không?
PPK: Không, nó không thực sự được thực hiện. Các bảng gần nhất với tôi là bảng của Max Firtman và chúng tập trung vào các API HTML5.
Tôi không tin vào việc tự động hóa kiểm tra trình duyệt hoặc điểm số và vì vậy tôi không thực sự tính các bài kiểm tra như Kiểm tra HTML5. Sau đó, chúng tôi có Tôi có thể sử dụng…, rất hữu ích nhưng đôi khi không cung cấp thông tin chính xác về trình duyệt.
Theo những gì tôi biết, tôi vẫn là người thực hiện các bài kiểm tra chi tiết nhất - và là người duy nhất công bố các trang kiểm tra cũng như kết quả.
.net: Làm thế nào để bạn viết các bài kiểm tra?
PPK: Chậm rãi! Đôi khi không dễ dàng để tìm ra ý nghĩa trong một thông số kỹ thuật, đặc biệt là khi chỉ có hai cách triển khai khác nhau một cách tinh vi (hoặc vô cùng). May mắn thay, tôi có nhiều kinh nghiệm trong việc viết thử nghiệm trên trình duyệt và vì vậy tôi biết cách phòng tránh những cạm bẫy thường gặp.
Ví dụ, lúc đầu có vẻ như Opera Mini không hỗ trợ các lớp CSS, nhưng điều đó rõ ràng là vô nghĩa. Vấn đề hóa ra là tôi kiểm tra sự hỗ trợ của các lớp bằng cách đưa ra một phần tử kiểm tra font-style: nghiêng. Nhiều Opera Minis không hỗ trợ phong cách đó. Vì tôi đã gặp phải điều này trước đây nên tôi biết mình phải thay đổi kiểu thử nghiệm. Và trình duyệt MeeGo không hỗ trợ font-variant: small-caps. Cùng một câu chuyện.
Ngẫu nhiên, JavaScript vẫn cho in nghiêng khi bạn yêu cầu Opera Mini cho kiểu phông chữ giá trị. Điều đó chứng tỏ rằng bạn không thể tự động hóa các bài kiểm tra này: bạn phải xem trang và xác định xem nó có sử dụng phông chữ nghiêng hay không.
.net: Trong bài viết gần đây của bạn về bộ chọn và cột, bạn chỉ ra rằng các trình duyệt sử dụng cùng một bản dựng WebKit có khả năng tương thích khác nhau. Điều này có làm nổi bật thêm cách các nhà phát triển nên cẩn thận với các kỹ thuật tiên tiến và kiểm tra chặt chẽ hơn trên các thiết bị không?
PPK: Đúng vậy. Không có WebKit trên điện thoại di động. Có ít nhất mười hai trình duyệt khác nhau (không bao gồm các phiên bản sử dụng WebKit làm công cụ kết xuất của chúng), nhưng chúng không nhất thiết phải giống nhau.
Ví dụ tốt nhất là khai báo -webkit-column-span. Hóa ra gần đây WebKit đã bỏ hỗ trợ. Đây là vấn đề tương thích kỳ lạ nhất mà tôi từng gặp phải vì không thể liên kết hỗ trợ với các phiên bản WebKit cụ thể. Vì vậy, việc hỗ trợ cho tuyên bố này là một mớ hỗn độn và thực tế là một trình duyệt sử dụng WebKit chẳng nói lên điều gì.
