반응 형 웹 디자인을 테스트하기위한 표준 도구가 있습니까

Question

반응 형 웹 디자인을 사용하고 있습니다. 파이어 폭스와 다른 도구에서 웹 개발자 키트를 사용하여 내 페이지를 테스트 한 결과 같은 해결책으로 몇 가지 차이점을 발견했습니다.

어느 한 나에게 사전에 타협하지 않고 반응 형 웹 디자인을위한

덕분에 내 페이지를 테스트하기위한 표준 도구를 제안 할 수 없습니다.

Answer 1

RWD 용 표준 도구는 무엇입니까?

좋은 질문입니다. 당신은 아무 것도 찾을 수 없을 것입니다. 솔루션을 제공하는 도구를 선택하거나 다양한 장치 유형에 대한 표준을 간단히 결정하는 것이 좋습니다. 반응 형 웹 디자인을 위해 부트 스트랩을 사용하는 자습서 시리즈가 있습니다. 자습서 시리즈는 206: Creating Responsive Web Design에서 확인할 수 있습니다.

불행히도 새로 스택 오버플로에 등록되어 있으므로 부트 스트랩 (클릭 할 수 있음)에 대한 다른 URL을 제공 할 수는 없지만 두 링크를 모두 확인하면 잘 맞을 것입니다. 필요합니다.

감사합니다, 아넬 C. 인모 션 (InMotion) 호스팅 커뮤니티 지원 팀은

http://twitter.github.io/bootstrap/scaffolding.html#responsive

Answer 2

screenfly 그 응용 프로그램을 사용합니다. 화면 크기에 대한 옵션이 있습니다. 시뮬레이션으로 사용하기 편리합니다.

Answer 3

대부분의 사람들은 자신이 좋아하는 것을 가지고 있다고 생각합니다. 나는 여기에 열거 된 것들 중의 하나를 http://reactivewebdesign.net/Resourses/Links에 열거했다. 나는 jResize를 좋아한다.

Answer 4

나는 보통이 하나를 사용하여 Responsive Design이 하나도 내가 가장 좋아하는 온라인 도구 중 하나입니다! Responsinator - 그러나 여기에는 netmagazine의 50 가지 도구 목록이 나와 있습니다. Net Mag.

여기에는 "표준"도구가 없습니다. 당신은 태블릿, 스마트 폰 및 귀하의 사이트를 테스트 할 다른 장치를 가질 수 있지만 바보 같은 비싼 것일까 요?

도구의 차이점은 도구 제작자를 기반으로합니다. 아마도 스크롤 막대를 보충하기 위해 약간의 패딩을 추가하거나 멋지게 보이게하기 위해 조금 더 추가 할 수 있습니다. 보통 100 % 정확하지는 않습니다.

필자는 개인적으로 스마트 폰을 사용하여 최종 확인을하고 친구에게 전화로 확인하도록 요청합니다. 비록 당신이 그것에 대해 어떻게 가고 싶니? 행운을 빕니다! 화면 해상도와 브라우저 해상도 (뷰포트)는 서로 다른 장치에 반응 형 웹 디자인을 테스트하는 isResponsive 사용할 수 사이에 차이가 있습니다

는

Answer 5

지금의 테스트를 자동화 할 수있는 가능성

http://www.isresponsive.com

Answer 6

가 뷰포트 Galen Framework로 반응 형 디자인. 이 도구에는 다른 장치에서 페이지가 어떻게 표시되는지 설명 할 수있는 특수 구문이 있습니다. 나중에 다양한 브라우저 크기에 대한 테스트를 실행하거나 Selenium Grid에서 테스트를 실행할 수 있으며 브라우저 간 테스트를 수행 할 수 있습니다.더 많은 정보를 들어

은 공식 웹 사이트를 방문 http://galenframework.com

또한 TDD와 (테스트 기반 개발) http://mindengine.net/post/2013-11-16-tdd-for-responsive-design-or-how-to-automate-testing-of-website-layout-for-different-devices/

를 웹 페이지 디자인을 구현하는 방법을 설명하는 기사가있다