명령 줄을 통해 브라우저 호환성을 확인하는 방법

웹 사이트를 구축하는 데는 전통적으로 모든 주요 브라우저에서 작동 할 수있는 다양한 기술이 필요합니다. 일부 기술은 부분적으로 또는 전혀 작동하지 않을 수 있습니다. 웹 개발자는 요즘 CanIUse를 참조하여 특정 기능이 브라우저 또는 여러 버전 중 하나에서 지원되는지 확인합니다.

CanIUse는 표준 HTML, CSS 및 SVG의 브라우저 채택과 해당 참조, W3C의 사양 상태 및 각 브라우저에있는 문제점 및 버그 (사용 가능한 경우)에 대한 링크를 추적합니다. 예를 들어 아래에서 Edge, Firefox 및 Opera Mini는 CSS Reflection을 지원하지 않으며 지원되는 브라우저에서는 공급 업체 접두사가 필요하다는 것을 알 수 있습니다.

CanIUse는 사실상 데스크톱 및 모바일 브라우저에서 표준 웹 사양 호환성이 얼마나되는지 기록하는 도구.

caniuse.com을 통한 브라우저 버전 외에도 이제 CanIUse를 CLI (Command Line Interface)로 사용할 수 있습니다. 터미널이나 명령 프롬프트를 통해 CanIUse 결과를 추출 할 수도 있습니다. 터미널에서 자주 걸려 넘어지면 CLI가 효과적으로 워크 플로를 간소화합니다..

요구 사항

CanIUse 명령 행을 전개하려면 먼저 NodeJS W NPM이 설치되어 있어야합니다.

실행중인 경우 npm -v 또는 노드 -v CLI를 배포 할 준비가 된 버전 번호 (아래 그림 참조)를 반환합니다. 그렇지 않은 경우, “명령어를 찾을수 없음” 오류가 발생하면 여기에 NodeJS 설치 프로그램을 다운로드하십시오. 설치 프로그램은 Windows, OS X 및 Linux에서 사용할 수 있습니다. 사용중인 OS 선택.

CLI

CanIUse CLI를 설치하기 만하면됩니다. 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행하십시오..

npm 설치 -g caniuse-cmd

이 명령은 CLI를 전역 적으로 설치하므로 OS의 모든 위치에서 액세스 할 수 있습니다. 일단 설치되면, 커맨드 라인 사용해도 되나요 지금 처분 할 수 있어야합니다. 방법에 대한 규칙이 없습니다. “수색” CLI를 통해. 웹 버전 에서처럼 자연스럽게 검색하면됩니다. 달리는 “골동품 상자 그림자” CSS3 Box-shadow 사양을 반환합니다..

우리가 전통적으로해야 할 키워드 쿼리를위한 공간을 벗어날 필요가 없다는 것을 주목하십시오.

기본적으로 CLI 결과는 웹 버전과 일치합니다. 예를 들어 불완전한 키워드로 검색을 수행 한 경우에도, soc 또는 양말 , 검색 결과는 다음과 같이 나타납니다. 웹 소켓 상단에 관련 항목이옵니다..

CanIUse는 Gulp, Grunt와 같은 다른 명령 행 기반 도구를 완벽하게 보완하며 결국 워크 플로를 향상시킬 수있는 만능 도구입니다. 이제 HTML, CSS 및 SVG에 대한 브라우저 호환성을 확인하기 위해 터미널을 떠나지 않아도됩니다..