Brower 테스트를 위해 창 크기를 조정하는 브라우저 플러그인

웹 사이트를 만들 때 22 인치 외부 디스플레이에서 작동하지만 괜찮습니다. 그러나 작은 화면에서 사이트가 어떻게 보이는지 더 잘 이해하려면 브라우저 창의 크기를 조정해야합니다.

현재 나는 http://resizemybrowser.com/ (또한 사파리 확장 기능을 가지고 있음)을 사용하지만 비슷한 것을 복용하는 파이어 폭스 또는 크롬 브라우저 플러그인이 있지만 방황하고 있지만 지금까지 아무것도 찾을 수 없었습니다.

방금 파이어 폭스에서 파고 있었고 "응답 디자인"모드도 있음을 발견했습니다. 로 이동하여 웹 개발자 → 응답 디자인보기 .

나중에 사전 설정된 해상도로 드롭 다운이 표시됩니다.

이것은 실제로 Chrome의 기본 제공 기능입니다.

1. DevTools를 엽니 다 ( F12)

2. 설정을여십시오

   

3. 재정의 패널 에서 창의 크기를 설정합니다 .

   

참고 : 해당 패널에서 사용자 에이전트를 선택하면 Chrome에서 선택한 에이전트에 대한 올바른 기기 측정 항목을 자동으로 선택합니다.

Chrome의 경우 Window Resizer를 사용할 수 있습니다 . Firefox의 경우 Firesizer 를 사용할 수 있습니다 .