Cách Kiểm Tra Tính Tương Thích Với Trình Duyệt Bằng CLI

Việc xây dựng một trang web thường yêu cầu nhiều công nghệ để giúp trang web có thể hoạt động được trên tất cả các trình duyệt phổ biến. Bởi lẽ đó, các nhà phát triển web ngày nay sẽ luôn tham khảo CanIUse để kiểm tra xem một tính năng nhất định có được hỗ trợ trên trình duyệt hoặc các phiên bản cụ thể hay không.

CanIUse theo dõi việc trình duyệt sử dụng các chuẩn HTML, CSS và SVG rồi so sánh với bechmark chuẩn của chính CanIUse, trạng thái thông số từ W3C và móc nối đến cả các vấn đề và lỗi xuất hiện trong mỗi trình duyệt (nếu có dữ liệu đối chiếu).

Chẳng hạn, chúng ta có thể thấy bên dưới rằng Edge, Firefox và Opera Mini không hỗ trợ CSS Reflection và trong các trình duyệt được hỗ trợ, vẫn cần phải có vendor prefix.

Tóm lại, CanIUse là công cụ thực tế ghi lại khả năng tương thích thông số kỹ thuật web tiêu chuẩn trong trình duyệt máy tính để bàn và thiết bị di động.

Ngoài phiên bản trình duyệt thông qua caniuse.com, CanIUse hiện cũng có sẵn dưới dạng CLI (Giao diện dòng lệnh). Chúng ta cũng có thể pull kết quả của CanIUse thông qua Terminal hoặc Command Prompt.

Nếu bạn cản thấy việc sử dụng Terminal quá phức tạp, CLI có khi sẽ giúp bạn làm việc nhanh và hiệu quả hơn đấy.

Yêu cầu

Để triển khai dòng lệnh CanIUse, trước tiên bạn sẽ cần cài đặt NodeJS và NPM.

Nếu chạy npm -v hoặc node -v trả về số phiên bản (như hiển thị bên dưới), bạn đã sẵn sàng triển khai CLI. Mặt khác, nếu nó trả về lỗi “command not found”, hãy tải NodeJS installer tại đây.

Trình cài đặt có sẵn cho Windows, OS X và Linux; chọn hệ điều hành bạn đang sử dụng

Sử Dụng CLI

Cài đặt CanIUse CLI chỉ mất một dòng. Mở Terminal hoặc Command Prompt và chạy lệnh sau.

1	npm install -g caniuse-cmd

Lệnh này cài đặt CLI ở cấp độ global, cho phép truy cập công cụ ở mọi nơi trong HĐH. Sau khi cài đặt, bạn có thể tùy ý sử dụng dòng lệnh caniuse. Không có quy tắc nào về cách “search” thông qua CLI. Chỉ cần tìm kiếm một cách tự nhiên như trong phiên bản web, ví dụ: chạy "“caniuse box shadow”", sẽ cho bạn các thông số của CSS3 Box-shadow.

Về cơ bản, kết quả của CLI sẽ giống với phiên bản web. Ngay cả khi tìm kiếm được thực hiện với một từ khóa không đầy đủ, ví dụ: soc hoặc sock, tìm kiếm sẽ dẫn đến kết quả với Web Socket ở trên cùng, theo sau là các mục liên quan.

CanIUse là một bổ sung hoàn hảo cho các công cụ dựa trên dòng lệnh khác như Gulp, Grunt giúp bạn làm việc nhanh và hiệu quả hơn. Bây giờ, bạn không phải rời khỏi Terminal để kiểm tra tính tương thích của trình duyệt đối với HTML, CSS và SVG nữa.