edge sq display simulator 다운로드 - edge sq display simulator 소스 코드 다운로드

edge sq display simulator

기타 소스코드

1.0.0

다운로드

Edgesquare-Edge-2- 에지 디스플레이 시뮬레이터

Edgesquare는 Notch 또는 다른 형태의 카메라 컷 아웃이있는 모바일 에지 간 디스플레이를위한 웹 기반 온라인 시뮬레이터입니다. Iframe을 통해 웹 앱을로드 할 수 있으며 상태 표시 줄, 내비게이션 바, 카메라 컷 아웃 (노치, 구멍 등) 및 기타 속성에 대한 사전 설정이있는 여러 장치 중에서 선택할 수 있습니다. 또한 상태 표시 줄 및 내비게이션 바에 대한 고유 한 색상을 설정하여 디자인 조정을 시도 할 수 있습니다.

현대 스마트 폰에서 웹 애플리케이션이 실제로 어떻게 보이는지 확인하십시오! ;-)

시작하기

서버에서 웹 사이트를 호스팅하거나 간단히 이동하십시오. https://byteteilchen.de/edge-2-eded/
웹 애플리케이션의 URL을 입력하십시오 (또는 Sepia Open Assistant 데모, 또 다른 훌륭한 오픈 소스 프로젝트 ^^)
선택기에서 장치를 선택하십시오
필요에 따라 색상을 조정하십시오
최신 휴대 전화 디스플레이에서 웹 사이트/앱의 모양을 알아보십시오.

알려진 문제

장치는 뷰포트 크기로 정의되므로 물리적 크기가 아닌 일부는 다른 것보다 크거나 크기가 작을 때 크기가 동일 할 수 있습니다 (또는 그 반대도 마찬가지). 그럼에도 불구하고 이것은 웹 사이트 나 앱이 특정 장치에 가질 공간을 나타 냅니다 ! '장치 스케일'토글 및 스케일링 계수를 사용하여 약을 얻으십시오. 장치의 실제 크기.
Child App (앱은 'App URL'을 통해 시작)이 부모 페이지의 iframe에서 실행되므로 모바일 버전과 똑같지 않을 수 있습니다. 이는 하위 앱이 브라우저 '사용자 에이전트'및 뷰포트 스케일링에 반응하는 방법에 따라 다릅니다.
모바일 브라우저의 다른 '사용자 에이전트'를 시뮬레이션 해야하는 경우 Chrome : Sepia Framework Tools 또는 브라우저의 개발자 도구 에이 Sepia Open-Source Browser Extension을 사용할 수 있습니다.
HTML 메타 속성 '테마 컬러'는 무시됩니다 (Iframe 내부의 일반적인 데이터는 부모에게 전달되지 않습니다).