Ubuntu의 다양한 장치에서 웹사이트를 어떻게 에뮬레이션할 수 있나요?

Question

저는 웹사이트의 프런트엔드 작업을 하고 있는데 내 코드가 다른 시스템/브라우저에서 어떻게 작동하는지 확인해야 합니다. Firefox와 Chromium에는 디스플레이를 다양한 크기로 설정할 수 있는 개발 도구가 있지만 Apple의 업스케일링 메커니즘을 완전히 에뮬레이션할 수 없으며 사이트가 여전히 약간 다르게 보입니다. 또한 그들은 다른 브라우저를 고려하지 않습니다.

내 사이트가 다른 장치/브라우저에서 어떻게 보이는지 확인하기 위해 Ubuntu와 함께 사용할 수 있는 도구나 소프트웨어가 있습니까?

Answer 1

다음과 같은 서비스가 있습니다.

1. 브라우저스택
2. 모바일테스트
3. 반응 시뮬레이터
4. 식욕을 돋우다- 아마도 최고일 것입니다. 그러나 저에게는 고통스러울 정도로 느립니다.

더 좋은 방법은 실제 장치에서 사이트를 실제로 테스트하는 것입니다. 나는 이 모든 방법이 느리다는 것을 발견했습니다.

Answer 2

반응형픽셀

로컬 또는 온라인 사이트의 URL을 입력하고 컨트롤을 사용하여 뷰포트의 너비와 높이를 조정하여 정확한 중단점 너비를 픽셀 단위로 찾습니다. 그런 다음 미디어 쿼리에서 해당 정보를 사용하여 반응형 디자인을 만듭니다.

반응형픽업 GitHub

반응형픽셀로 최상의 결과를 얻으려면 고정관념에서 벗어나 생각해야 합니다. Bing과 복잡한 뉴스 웹사이트에서는 문제 없이 렌더링되지만 어떤 이유에서는 Google과 Twitter에서 반응형 픽셀의 빈 흰색 화면만 표시하도록 할 수 없습니다.