반응 형 디자인을위한 브라우저 비교

수많은 데스크탑 응용 프로그램은 웹 사이트를 다양한 차원으로 동시에 표시하여 CSS 개발 및 뷰포트 테스트를 용이하게합니다. 이 앱은 "이벤트 미러링"을 포함하여 유사성을 공유합니다. 한 창에서 스크롤 및 클릭과 같은 액션은 다른 창에서 복제됩니다. 확대 / 축소를 통해 여러 개의 스케일 다운 장치를 볼 수 있습니다. 주요 차이점을 살펴 보겠습니다.

지키

• 플랫폼 : Windows, Mac, Linux
• 가격 : 월 $ 5에서 시작하는 유료 계획

Sizzy는 수많은 개발자 중심의 기능을 자랑합니다.

• 명령 입력을 통한 포트 킬링.
• 범용 검사 모드 (DevTools 변경은 보편적으로 적용되지는 않지만).
• 한 클릭 스로틀링, 오프라인 모드, JavaScript 비활성화 및 디자인 모드 활성화.
• 이미지 숨기기, 스타일 비활성화, 요소 개요 및 Google 글꼴을 재정의하기 위해 전환합니다.

반응 적으로 앱

• 플랫폼 : Windows, Mac, Linux
• 가격 : 오픈 소스 (무료)

기능은 다음과 같습니다.

• 올바른 DevTools 컨텍스트 선택을 가진 범용 검사 모드.
• SSL 유효성 검사 비활성화 옵션.
• 한 번의 클릭 어두운 모드.

블리스

• 플랫폼 : Windows, Mac
• 가격 : 무료 (유료 업그레이드 $ 10/월)

블리스크 제안 :

• 파일 변경을 기반으로 자동 조정 기능.
• 요소 박스 모델 크기를위한 사용자 정의 도구와 함께 개별 DevTools.
• 사용자 정의 오류보고.
• 표준 브라우저 기능의 "브라우징 모드".

폴리판

• 플랫폼 : Windows, Mac, Linux
• 가격 : 무료 (월 $ 10/월에 유료 계획 포함)

주요 기능 :

• 원활한 탭 전송을위한 브라우저 확장.
• 원활한 범용 검사 모드 (범용으로 전파되는 것이 아니라 "라이브 CSS"는 모든 장치에서 CSS를 주입합니다).
• CSS 기반의 중단 점 기반 장치 개방.

듀오

• 플랫폼 : Mac (Mac App Store, $ 5)
• 상태 : 비활성으로 나타납니다. 웹 사이트 오프라인.
• 최소한의 특징 : 나란히, 재개 가능한 2 열보기.

검토

• 유형 : 브라우저 확장 (독립형 앱 아님)
• 상태 : 비활성 프로젝트 인 것으로 보입니다. "브레이크 포인트"보기 기능이 깨진 것 같습니다.

결론

Polypane의 온 보딩은 다소 방해 가지만 기능 세트는 가장 포괄적입니다. Sizzy는 강력한 경쟁자이지만 더 혼란스러운 인터페이스를 가지고 있습니다. 모바일 및 더 큰 뷰에 대한 Blisk의 초점은 일부 워크 플로와 일치합니다. 응답하게 App의 오픈 소스 특성은 매력적이지만 장기 지속 가능성은 불확실합니다. Re : View의 브라우저 확장 접근법은 편리하지만 비활성 상태로 인해 비현실적입니다. 따라서, 폴리 파는 최고의 선택으로 나타납니다.

위 내용은 반응 형 디자인을위한 브라우저 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!