다음 기사에서는 Gnu/Linux, Microsoft Windows 및 macOS에서 사용할 수 있는 무료 개발 도구인 Responsive App을 살펴보겠습니다. 응용 프로그램은 Electron을 사용하는 수정된 브라우저로 동시에 여러 장치에서 웹 애플리케이션을 표시하고 사용자 상호 작용을 허용하는 단일 창에서.
내가 말했듯이 이것은 다음으로 제작된 수정된 브라우저입니다. 전자 해적 반응형 웹 개발에 도움이 될 수 있습니다.. 이 앱은 2020년 초에 처음 게시되었으며 이미 웹 개발자들에게 큰 인기를 얻고 있습니다. 많은 사람들이 작업을 크게 촉진할 수 있기 때문에 모든 프론트 엔드 개발자를 위한 필수 개발 도구라고 생각합니다.
Responsive APP의 일반적인 특징
- 사용자의 상호 작용은 모든 장치에서 복제됩니다.. 행동 (클릭, 스크롤 등과 같은) 장치 중 하나에서 수행하는 작업은 다른 모든 장치에서 실시간으로 복제됩니다. 이 옵션은 우리가 활성화한 하나 또는 모든 장치에서 비활성화할 수 있습니다.
- 우리 그것은 장치의 처분을 설정할 수 있습니다, 우리가 필요로 하는 것에 따라.
- 우리는 찾을 것입니다 맞춤형 장치를 추가할 수 있는 옵션이 있는 30개 이상의 내장 장치 프로필. 여기에는 화면 크기를 자유롭게 조정하기 위한 특수 응답 모드 장치가 포함됩니다.
- 이 프로그램은 우리에게 다음과 같은 가능성을 줄 것입니다. 한 번의 클릭으로 모든 장치의 모든 항목 검사.
- 우리는 할 수 있습니다 모든 장치 또는 특정 장치의 전체 페이지 스크린샷 찍기.
- 이 수 HTML / CSS / JS 저장 시 실시간으로 모든 장치에서 자동 새로고침.
- 응용 프로그램도 나라이브 CSS 편집기 포함, 및 디자인 모드, 사용자가 개발 도구 없이 직접 HTML을 편집할 수 있습니다. 또한 네트워크 속도 에뮬레이션 옵션, 확대/축소, SSL 유효성 검사 비활성화 및 다양한 프로토콜 지원 기능이 있습니다.
- 또한 우리는 네트워크 프록시 지원, 밝고 어두운 테마를 찾을 것입니다.
- 이 프로그램은 일련의 키보드 단축키 작업을 용이하게합니다.
- 우리는 또한 사용할 수 있습니다 선택적 브라우저 확장 (Chrome, Firefox 및 Edge용), 웹 브라우저에서 Responsive App으로 쉽게 링크를 보내고 페이지를 즉시 미리 보는 데 사용됩니다.
이것들은이 프로그램의 일부 기능입니다. 그들은 할 수있다 그들 모두에서 자세히 상담하십시오 프로젝트 웹 사이트.
반응형 앱 다운로드
이 애플리케이션은 Ubuntu에서 AppImage 파일로 사용할 수 있습니다. 이 파일 우리는 당신을 위해 그것을 찾을 수 있습니다 프로젝트 웹사이트에서 다운로드. 웹 브라우저에서 다운로드하는 것 외에도 터미널(Ctrl + Alt + T)을 열고 다음과 같은 방법으로 wget을 실행하여 오늘 게시된 최신 버전을 다운로드할 수도 있습니다.
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
방금 다운로드한 AppImage 파일을 사용하려면 이 파일을 마우스 오른쪽 버튼으로 클릭하고 속성을 선택한 다음 권한 아래에서 파일을 프로그램으로 실행할 수 있음을 나타내는 옵션을 찾습니다.. 필요한 권한을 부여하는 또 다른 방법은 터미널(Ctrl + Alt + T)을 열고 저장한 폴더로 이동하여 다음 명령을 작성하는 것입니다.
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
이렇게 한 후, 프로그램을 시작하려면 .AppImage 파일을 두 번 클릭하기만 하면 됩니다. 터미널에서 실행하여 시작할 수도 있습니다.:
./ResponsivelyApp-0.18.0.AppImage
당신이 원하는 경우 브라우저에서 애플리케이션으로 쉽게 링크를 보내고 즉시 미리 볼 수 있는 웹 브라우저용 확장을 설치하십시오.프로젝트의 다운로드 페이지로 이동하여 웹 맨 아래로 스크롤하기만 하면 됩니다. 거기에서 우리는 찾을 것입니다 Firefox, Chrome 또는 Edge용 확장.
에서 표시한 바와 같이 프로젝트의 GitHub 저장소사용자가 응용 프로그램을 사용하는 데 문제가 있는 경우 문제를 열고 다음에서 보고할 수 있습니다. 링크. 이 프로젝트에 대한 자세한 내용은 사용자가 프로젝트 웹 사이트.