Cách kiểm tra tính tương thích của trình duyệt qua các dòng lệnh

Xây dựng một trang web theo truyền thống bao gồm nhiều công nghệ có thể hoạt động trên tất cả các trình duyệt chính, một số trong số chúng một phần hoặc không có gì cả. 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 hay một trong nhiều phiên bản của nó không.

CanIUse theo dõi việc trình duyệt sử dụng HTML, CSS và SVG tiêu chuẩn cùng với các tham chiếu của họ, trạng thái thông số kỹ thuật từ W3C và liên kết đến các vấn đề và lỗi xuất hiện trong mỗi trình duyệt (khi khả dụng). 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ợ Phản chiếu CSS và trong các trình duyệt được hỗ trợ, cần có tiền tố nhà cung cấp.

Tôi là thực tế công cụ 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 tôi cũng có thể rút ra kết quả CanIUse thông qua Terminal hoặc Command Prompt. Nếu bạn thấy mình vấp ngã khi ở trên Terminal thường xuyên, CLI sẽ hợp lý hóa quy trình làm việc của bạn.

Các 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 là nút -v trả về số phiên bản (như hình bên dưới), bạn đã sẵn sàng triển khai CLI. Mặt khác, nếu nó trả về “lệnh không tìm thấy” lỗi, tải xuống trình cài đặt NodeJS 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.

CLI

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

cài đặt npm -g caniuse-cmd

Lệnh này cài đặt CLI trên toàn cầu, cho phép truy cập nó trên toàn bộ vị trí trong HĐH. Sau khi cài đặt, dòng lệnh đồ hộp bây giờ nên có sẵn theo ý của bạn. Không có quy tắc về cách “Tìm kiếm” 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ụ: đang chạy “bóng hộp caniuse” sẽ trả về đặc tả bóng hộp CSS3.

Lưu ý rằng chúng ta không cần phải thoát khỏi không gian cho truy vấn từ khóa, mà theo truyền thống chúng ta sẽ phải làm.

Về cơ bản, kết quả CLI phù hợp với phiên bản web. Ngay cả khi một tìm kiếm được thực hiện với một từ khóa không đầy đủ, ví dụ, xã hội hoặc là bít tất , tìm kiếm sẽ có kết quả với Ổ cắm web ở 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 và là một công cụ tiện dụng toàn diện có thể thúc đẩy tiến trình công việc của bạn cuối cùng. Bây giờ bạn không phải rời khỏi Terminal của mình để kiểm tra tính tương thích của trình duyệt đối với HTML, CSS và SVG.