브라우저 인 Polypane을 만나면 5 배 더 빨리 만듭니다.

<:> Polypane : 효율적인 웹 개발을 위해 특별히 설계된 멀티 스크린 브라우저

핵심 장점 :

멀티 스크린 동기화보기 : Polypane은 전통을 전복시키고 멀티 스크린 뷰를 사용하여 다양한 화면 크기에서 웹 사이트의 효과를 동시에 보여 주어 반응 형 디자인의 효율성을 크게 향상시킵니다.

통합 개발 도구 : 실시간 재 장전, CSS 디버깅, 장벽없는 테스트, 전체 화면 스크린 샷, 장치 시뮬레이션 등을 포함한 강력한 개발 도구가 내장되어 개발 프로세스 단순화 생산성 향상.

효율성을 크게 향상시킵니다 :

연구에 따르면 Polypane을 사용하는 개발자는 3 ~ 10 배 더 효율적이며 온라인으로 가서 버그 수정의 작업량을 크게 줄입니다.
• 개발자로서 우리는 효율적인 도구를 추구합니다. 우리는 키보드, 코드 편집기 및 IDE를 신중하게 선택했으며 심지어 코드 테마와 글꼴 (FIRA 코드를 사용)에 대해 세 심하게 사려 깊게 선택했습니다. CSS 및 이미지 처리 흐름을 최적화하고 효율적인 빌드 도구를 사용합니다. 그러나 그러나 우리는 폭스 바겐과 동일한 브라우저를 사용하여 웹을 탐색하고 있습니다. 이거 이상하지 않나요? 우리는 많은 코드 편집기에서 신중하게 선택했으며 키보드의 타이핑 감각도 완벽하게 노력하지만 동일한 브라우저를 계속 사용합니다. Word로 코드를 작성하는 방법을 모르는 것처럼 웹 사이트 개발에 일반 브라우저를 사용하는 데 만족해서는 안됩니다.
• (이 기사는 개발자의 관점에서 제품 제작 및 홍보를 탐구하는 "로드맵"기사에서 발췌 한 것입니다. 우리는 제품 리더가 배운 교훈을 공유하고 기술 창립자에게 제공합니다. 제품 리더가 배운 경험과 교훈은 초기 제품을 공유하십시오
전통적인 브라우저의 한계 :
• 기존 브라우저를 사용하는 워크 플로우는 일반적으로 다음과 같습니다. 먼저 웹 사이트를 한 크기로 빌드 한 다음 브라우저 크기를 조정 한 다음 해당 크기의 디자인을 구축하십시오. 이것을 반복하십시오. 비효율적입니다. 더 나쁜 것은 개발 중에 새로운 페이지가 가져 오는 새로운 요구가 완성 된 페이지에 영향을 미쳐 재 작업을 초래할 수 있습니다. 또한 비주얼 디자인 외에도 접근성 테스트를 수행하고 전체 화면 스크린 샷을 생성, 메타 태그를 확인하는 등 여러 브라우저 확장을 설치해야하므로 궁극적으로 브라우저 실행이 느리게됩니다.

폴리 파네의 독창성 :

Polypane을 열면 단일 웹 사이트가 아니라 여러 화면 크기로 웹 사이트의 동기식보기가 마치 마치 데스크톱에 배치되는 것처럼 보입니다. 더 중요한 것은 이러한 화면 크기가 동기화됩니다. 스크롤, 탭, 호버 또는 입력 작업은 모든 화면과 동기화됩니다. 동일한 웹 사이트를 운영하고 동시에 여러 크기로 볼 수 있습니다.

이 자체는 생산성을 크게 향상시킵니다. 브라우저 크기를 반복적으로 제거하는 것 외에도 Polypane은 더 많은 작업을 수행했습니다.

실시간 재 장전 : Polypane은 모든 핫 또는 실시간 재 장전 시스템을 지원하며 제로 구성 실시간 실시간 리로드 서버가 내장되어 있습니다. 확인하려는 폴더 만 지정하십시오. 순수한 HTML 파일도 지원합니다! 가장 좋은 점은 CSS 파일 또는 이미지를 업데이트하면 Polypane이 전체 페이지를 다시로드하지 않고 컨텐츠 만 새로 고침한다는 것입니다.

브라우저 아바타 개발 도구 :

<:> 당신은 물어볼 수 있습니다 : 도구를 개발하면 어떻게해야합니까? 기존 브라우저의 개발 도구는 훌륭하며 Polypane은 Google Chrome 및 Microsoft Edge와 동일한 강력한 개발 도구 (개발자 도구 확장 포함)를 사용합니다. 그러나 브라우저의 개발자 도구는 결국 추가 기능입니다. 브라우저 대상 사용자의 99%는 비 개발자 이므로이 소규모 개발자 도구 영역 만 얻을 수 있습니다.
• 전체 브라우저를 개발 도구로 생각하면 더 많은 새로운 기능을 잠금 해제 할 수있을뿐만 아니라 각 새로운 기능이 브라우저 확장과 같이 브라우저를 속도를 늦추지 않도록 최적화 할 수 있습니다. 이것이 Polypane에 많은 내장 기능이있는 이유입니다 전체 스크린 샷
장비 시뮬레이션 소셜 미디어 공유 미리보기 내장 접근성 테스트

다크 모드 및 감소 된 모션 미디어 쿼리 시뮬레이션 모든 화면에서 실시간 CSS 편집 커스텀 헤더 터치 시뮬레이션 컬러 실명 에뮬레이터 웹 사이트 바로 옆에 전달 도구, 문서 또는 디자인을 표시하는 사이드 브라우저 CSS Color Contrast Checker, 색상을 제안하고 실시간으로 미리보기 시각적 회귀 테스트 또는 픽셀 완벽한 디자인을위한 이미지 오버레이

고급 테스트 도구 :

이것은 시작일뿐입니다. 모든 화면에서 동시에 페이지를 편집하고 새로운 스타일과 컨텐츠를 편리하게 테스트 할 수있는 요소 검사관이 있습니까? 폴리판 요소 검사관이이를 수행 할 수 있습니다.

다른 브라우저는 직관적이고 빠른 방식으로 여러 화면 크기를 동시에 편집 할 수 없습니다. 또한 페이지의 개요를 확인하는 패널 (모든 제목 및 계층 표시), 모든 LocalStorage 및 Cookie 정보를 편집하거나 CSS 또는 SASS 코드를 작성하고 각 화면에 삽입하여 초고속 프로토 타이핑을 위해 각 화면에 삽입합니다.

Polypane의 오버레이를 사용하면 컬러 실명 또는 기타 시각 장애를 시뮬레이션하거나 레이아웃 문제를 확인하거나 페이지의 모든 Z- 인덱스를 나열하는 것과 같은 단일 화면에서 다양한 동작을 빠르게 시도 할 수 있습니다.

이러한 모든 도구는 웹 페이지의 다양한 부분을 개발하는 데 도움이 될 수 있으며 Polypane 사용자에 대한 연구에 따르면 개발자는 작업에 따라 3 ~ 10 배 더 효율적입니다. 또한 Polypane은 메타 정보와 모든 브라우저 크기를 쉽게 확인할 수 있으므로 온라인으로 가서 버그 수정 작업량도 크게 줄어 듭니다.

향후 기사에서는 전체 웹 사이트 검토를 위해 Polypane을 사용하는 방법과 모든 Polypane의 기능을 사용하여 처음부터 반응 형 디자인을 구축하는 방법을 살펴볼 것입니다.

Polypane은 14 일 무료 평가판을 제공합니다.

Polypane 개발자 브라우저 FAQ :

(FAQ 부분은 너무 길고 의사 원리 목표와 일치하지 않기 때문에 아래에서 생략됩니다. 필요에 따라 FAQ의 일부를 선택적으로 유지하거나 재구성 할 수 있으며 동의어와 같은 의사 원리 작전을 수행 할 수 있습니다. 교체.)

위 내용은 브라우저 인 Polypane을 만나면 5 배 더 빨리 만듭니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!