it-gundan.com

다양한 브라우저에서 내 웹 사이트가 어떻게 보이는지 어떻게 알 수 있습니까?

다양한 브라우저에서 내 웹 사이트가 어떻게 보이는지 어떻게 알 수 있습니까?

실제로 다른 브라우저 버전을 모두 설치하지 못한 경우 미리보기를 제공 할 수있는 도구 나 서비스가 있습니까?

46
Chris W. Rea
38
vmarquez

브라우저 샷 BrowserLabs 내가 머리 꼭대기에서 생각할 수있는 것입니다. 내가 사용한 다른 것이 있다고 생각하지만 지금은 그 이름을 기억할 수 없습니다.

편집 : 슬프게도 2013 년 3 월 13 일에 Adobe에서 브라우저 랩 종료 프로젝트를 다시 시작했습니다.

32
Rebecca Chernoff

LitmusApp 는이 분야의 새로운 선수입니다. 현재 주요 부가 가치는 전자 메일 클라이언트 테스트 (모바일을 포함한 33 개 클라이언트)이지만 최대 24 개의 브라우저를 "클라우드에서"브라우저 테스트합니다. 실제로 브라우저 테스트는 첫 번째 제품이었으며 Alkaline 도구를 통해 독립적으로 계속 사용할 수 있습니다.

나는 일상적으로 알칼리를 사용합니다. 꽤 좋습니다.

가장 좋은 점은 테스트하려는 브라우저를 소유하거나 설치할 필요가 없다는 것입니다. 그들은 모든 것을 처리하고 실제 시스템에서 실행중인 브라우저의 스크린 샷을 독립적으로 제공합니다. 나 자신은 끔찍한 sysadmin 사람이 이상적입니다.

10
Andres Jaan Tack

이것은 꽤 좋습니다 : http://browsershots.org/

다양한 브라우저 및 해상도에서 어떻게 보이는지 확인하십시오. 그래도 웹에 있어야합니다.

6
Damien

IETester , 여기에서 사용 가능 에서 IE를 테스트하는 것이 좋습니다. 가볍고 빠르며 정확하며 5.5 이상에서 모든 IE를 지원합니다.

6
Nat Ryall

브라우저를 로컬에두면 유연성이 향상됩니다. 테스트하기 위해 여러 버튼을 클릭해야하는 대화식 웹 사이트가있는 경우 이미지로이를 확인할 수 없습니다.

5
Aaron

MS는 또한 Expression Toolkit의 일부로 SuperPreview라는 제품을 보유하고 있습니다.이 제품을 사용하면 모든 버전의 IE 및 최신 버전의 사이트에서 대화식 버전으로 나란히 또는 겹쳐서 작업 할 수 있습니다 Firefox 버전.

또한 Mac의 Safari에서 사이트가 어떻게 보이는지 보여주는 웹 서비스에 대한 액세스가 포함됩니다. 이렇게하면 출력 이미지가 생성되지만 메타 데이터 파일을 사용하여 마크 업의 어느 부분에서 어떤 부분이 생성되었는지 확인할 수 있습니다 이미지가 너무 강력해서 여전히 강력합니다.

5

이것이 Apple 컴퓨터에서 개발해야하는 핵심 이유 중 하나입니다. VMWare Fusion 또는 기타 에뮬레이션 소프트웨어를 사용하면 모든 주요 운영 체제를 합법적으로 설치할 수있는 유일한 컴퓨터입니다.

그런 다음 외부 소스에 의존하지 않고 실제 OS에서 실제 브라우저를 테스트하여 더티 작업을 수행 할 수 있습니다. 기본 디버깅 도구를 사용하여 오류를 수정/진단 할 수 있습니다.

4
Dan Gayle

모바일 브라우저에서 웹 사이트 테스트 라는 StackOverflow에서 스레드를 확인할 수 있습니다.

4
Casebash

http://www.browsercam.com/ (무료, 온라인이 아님)는 또 다른 것입니다.

4
Larry Smithmier

일반 디자인에 미리보기를 사용하는 것이 좋지만 사이트의 동작을 테스트하는 것을 잊지 마십시오. 그림에서 볼 수없는 호버, 아약스 또는 자바 스크립트 효과를 많이 사용하는 경우 특히 유용합니다.

가장 중요한 브라우저가 별도로 설치된 다른 가상 머신과 함께 VmWare를 사용합니다.

Windows 7 Ultimate를 사용하는 경우 가상 PC 및 Xp 모드 자습서, 하나의 호스트에서 다른 IE 버전을 실행하기위한 솔루션 를 참조 할 수 있습니다.

4
Sven

MogoTest 는이를 수행하는 최신 TechStars 시작 프로그램입니다. 다른 브라우저와 OS의 스크린 샷을 제공하고 HTML 및 CSS의 유효성도 검사합니다.

3
Jay Neely

http://www.browserstack.com/ 을 몇 번 사용했는데 실제로 잘 작동합니다. 아직 아무도 언급하지 않았습니다.

1
James Smith