Chrome 개발자 도구로 레거시 환경 확인

소개

요 전날 가라케 유저로부터 문의가 있어 그 대응했습니다.
지금까지 PC와 SP의 대응 밖에 오지 않았기 때문에 레거시 환경? ? ? 상태였습니다.

레거시 환경 확인

①PC와 SP의 표시 확인할 때와 마찬가지로 '검증'을 선택한다.


②단말의 마크→「Responsive」→「Edit(편집)」


③「Add custom device...」→「Device Name」에 이름을 넣는다
 → 「User agent string」에 사용자 에이전트를 넣는다. → "Add"
Device Name은 레거시 등 그 단말을 알면 무엇이든 괜찮습니다.

※사용자 에이전트: 브라우저가 웹 서버에 데이터를 취할 때 서버에 자동으로 통지하고 있는 브라우저의 종류나 버전이나 OS의 종류나 버전 등의 정보를 조합한 식별자.
【참고】 사용자 에이전트란?



④ 레거시 환경의 것을 선택해 리로드

결론

여담입니다만 Qiita는 레거시 환경에도 대응하고 있는 것 같네요.