홈페이지 » 코딩 » 크로스 브라우저 호환성 점검을위한 완벽한 가이드

    크로스 브라우저 호환성 점검을위한 완벽한 가이드

    인터넷 사용자는 인터넷 서핑을 할 때 더 많은 브라우저를 선택할 수 있습니다. 디자이너와 개발자는 우리가 만든 웹 사이트가 요즘 일반적으로 사용되는 대부분의 브라우저와 호환되도록하는 것이 우리의 책임입니다.

    그것은 간단하면서도 중요한 질문으로 이어집니다. - 방문자가 사용하는 브라우저는 무엇입니까?? w3school에 따르면 일반적으로 사용되는 브라우저는 Internet Explorer 7 및 8Firefox원정 여행구글 크롬 점차적으로 픽업. 그러나 수치는 틈새 시장에 따라 사이트마다 다를 수 있습니다. 사이트 통계에서 인구 통계를 얻는 것이 가장 좋습니다., Google 애널리틱스 예를 들면.

    방문자가 사용하는 일반적인 브라우저를 확인한 후에는이 브라우저에서 웹 사이트가 동일하게 표시되는지 확인해야합니다.. 한 대의 컴퓨터에 모든 브라우저를 설치하는 것은 거의 불가능합니다.. 하지만 일부 도구와 웹 서비스 덕분에 다른 브라우저에서 웹 사이트가 어떻게 보이는지 파악할 수 있습니다..

    이 기사에서는 브라우저 간 호환성 테스트를 수행하기 위해 의존할만한 몇 가지 솔루션을 집중적으로 살펴보고자합니다. 점프 후 전체 목록.

    테스트 호환성 온라인

    브라우저 샷

    Browsershots는 웹 디자이너를위한 가장 인기있는 교차 플랫폼 다중 브라우저 호환성 테스트 유틸리티입니다. Browsershots는 다른 브라우저에서 웹 디자인의 스크린 샷을 만듭니다. Browsershots 데이터베이스에는 모든 대중적인 브라우저가 포함되어 있으며 모든 브라우저 및 OS 플랫폼에서 웹 사이트가 어떻게 보이는지 쉽게 확인할 수 있습니다.

    브라우저 샌드 박스

    Spoon.net에서 만든이 페이지에서는 브라우저에서 IE, Firefox, Safari, Chrome 및 Opera 등 다양한 브라우저를 실행할 수 있습니다. 그만큼 간단하다..

    Netrenderer

    IE NetRenderer는 무료 브라우저 호환성 테스터입니다. IE NetRenderer를 사용하면 다른 버전의 Internet Explorer에서 웹 사이트를 렌더링하는 방법을 확인할 수 있습니다. 베타 테스트가 끝나면 곧 IE NetRenderer가 IE-IE9의 최신 버전으로 통합 될 것이며이 브라우저에서 웹 사이트에 오류가 있는지 확인할 수 있습니다..

    Browsrcamp

    Browsrcamp를 사용하면 Mac OS X 브라우저에서 디자인의 호환성을 테스트 할 수 있습니다. 지출을 원하지 않는다면 디자인과 Safari 3.1.2의 호환성을 확인할 수 있습니다. 웹 사이트 URL을 추가하기 만하면 웹 사이트 스크린 샷이 생성됩니다. 그러나 다른 Mac 브라우저와 호환되는지 확인하려면 3 $.

    Adobe Browserlab

    Adobe Browserlab은 디자이너가 여러 브라우저 및 운영 체제에서 디자인을 테스트 할 수있게 해주는 웹 호스팅 서비스입니다. 이 시스템에는 눈금자 및 가이드와 같은 줌 기능과 측정 도구가 포함되어 있으며 스크린 샷의 특정 영역으로 신속하게 이동할 수 있습니다. 브라우저 세트를 사용하여 디자이너는 브라우저 조합을 사용자 정의, 편집 및 저장하여 테스트 할 수 있습니다..

    Litmusapp

    Litmus는 웹 사이트의 스크린 샷을 통해 모든 주요 웹 브라우저를 살펴 봅니다. 테스트가 끝나면 고객이 검토 할 수 있도록 전체 호환성 보고서를 준비 할 수 있습니다. 리트머스에는 4 가지 가격 계획이 있습니다. 무료로 등록하고 Explorer 7 및 Firefox 2 브라우저 테스트 만 사용하거나 요금제를 선택할 수 있습니다..

    Anybrowser 사이트 방문자

    Anybrowser Site Viewer를 사용하면 다른 브라우저에서 또는 다른 화면 크기로 HTML 페이지를 볼 수 있습니다. 링크에서 링크보기 페이지로 이동하여 다양한 브라우저에 표시되고 텍스트 전용 순도를 확인할 수 있습니다. 또한 Anybrowser Site Viewer를 사용하면 특정 페이지 요소를 선택할 수 있습니다.

    Fundisom

    Fundisom은 Safari, MacIE 또는 Mozilla의 Macintosh G5에서 사이트를 볼 수있는 Mac 스크린 샷 생성기입니다. 지금은 lixlpixel 웹 개발 Safari Screenshot Generator가 일시적으로 오프라인 상태이지만 나중에 확인할 수 있습니다..

    Delorie lynxview

    Delorie lynxview는 웹 작성자가 텍스트 모드 웹 브라우저 인 Lynx를 사용하여 자신의 페이지를 볼 때 볼 수있는 서비스입니다.

    Browsera

    Browsera는 스크린 샷 도구가 아닌 테스트 도구로 사용되며 페이지 수준 대신 사이트 수준에서 작동합니다. 사이트의 페이지를 크롤링하고 실제로 레이아웃 불일치 및 스크립팅 오류를 테스트합니다..

    IE 탭

    IE 탭은 다른 브라우저 창을 열지 않고도 Internet Explorer에서 웹 페이지를로드 할 수있게 해주는 Firefox 애드온입니다. Firefox 도구 모음에서 버튼을 클릭하면 Firefox 대신 Internet Explorer 엔진을 사용하는 새 탭에서 현재 페이지가 열립니다..

    플러그인 및 도구

    IETester

    IETester는 Windows 9, Vista 및 XP에서 IE9 미리보기, IE8, IE7 IE 6 및 IE5.5의 렌더링 및 자바 스크립트 엔진을 사용할 수있는 무료 웹 브라우저입니다. 웹 개발자는 가장 일반적인 Internet Explorer 버전에서 사이트가 제대로 작동하는지 테스트하는 것이 유용합니다..

    IECapt

    IECapt는 Internet Explorer의 웹 페이지 렌더링을 BMP, JPEG 또는 PNG 이미지 파일로 캡처하는 작은 명령 줄 유틸리티입니다.

    다중 사파리

    Multi-Safari는 다양한 버전의 Safari를 사용하여 웹 사이트의 렌더링을 확인할 수있는 무료 브라우저 호환성 테스트 도구입니다. 다중 사파리는 화면 해상도 테스트를 허용하지 않습니다..

    Expression Web SuperPreview

    Expression Web SuperPreview는 다양한 버전의 Internet Explorer에서 웹 사이트를 테스트 할 수있는 무료 도구입니다. Expression Web SuperPreview는 사이트를 IE6 또는 IE7 또는 8로 쉽게 마이그레이션 할 수있는 독립 실행 형 시각적 디버깅 도구입니다..

    이폰

    iPhoney는 아이폰 용 웹 사이트를 개발할 때 사용할 수있는 픽셀 단위의 정확한 웹 브라우징 환경을 제공합니다. iPhone 개발을위한 완벽한 320 x 480 픽셀 캔버스입니다. iPhoney는 iPhone 시뮬레이터가 아니고 대신 iPhone과 함께 사용하기 위해 320x480 웹 사이트를 만들고 싶은 웹 개발자를 위해 설계되었습니다.

    다중 항목

    MultipleIE를 사용하면 Internet Explorer 3, 4, 5 및 6에서 웹 페이지를 테스트 할 수 있습니다. 이전 브라우저이지만 모든 브라우저에서 웹 사이트를 사용할 수 있다면 MultipleIE가있는 가장 오래된 IE 버전도 확인하십시오.

    다중 IE

    다중 IE는 MultipleIE와 비슷한 도구입니다. 다중 IE는 IE 6.0에서부터 IE 3.0까지 동일한 컴퓨터에서 여러 버전의 IE를 실행할 수있는 작은 패키지입니다.

    SortSite Professional

    SortSite Professional을 사용하면 웹 사이트 제작자, 소유자 및 컨설턴트가 표준 준수 및 품질 문제를 위해 전체 사이트를 확인할 수 있습니다. SortSite는 찾은 각 페이지를 확인한 다음 모든 문제점을 나열한 보고서를 작성합니다. SortSite는 300 개 이상의 품질 검사 점을 검사합니다..

    루나 스케이프

    Lunascape는 세계 최초이자 유일한 트리플 엔진 브라우저입니다. 주요 브라우저에는 IE, Firefox, Chrome, Safari가 포함됩니다. Lunascape를 사용하면 적시에 사용할 올바른 엔진을 선택하여 웹 브라우저 호환성 문제가 심각하게 감소하고로드 시간이 길어지며 웹 사이트가 부적절하게 표시 될 수 있습니다.

    프리미엄 서비스

    브라우저 캄

    BrowserCam은 원하는 스크린 샷을 자동으로 가져 오거나 원격으로 컴퓨터에 액세스하여 다른 플랫폼 및 브라우저에서 웹 페이지를 볼 수있는 유료 온라인 서비스입니다.

    교차 분석

    사이트를 사용하면 운영 체제 및 브라우저에서 웹 사이트 (또는 그와 관련된 모든 사람)를 테스트 할 수 있습니다. 이것은 일을 끝내려고 할 때 많은 시간을 절약 할 수 있습니다. 구독료는 $ 19.95부터 시작됩니다..

    Url2image

    Url2image 웹 서버 팜을 사용하고 로그인 한 사용자는 다양한 브라우저 / OS 조합을 사용하여 웹 페이지 디자인의 스크린 샷을 요청할 수 있습니다. Url2image는 스크린 샷을 제공합니다. 2 스크린 샷 비용 $ 1.

    SortSite

    SortSite Professional은 다른 브라우저에서 제대로 작동하지 않거나 다르게 작동하는 기능 배열의 페이지를 확인합니다. 표준 라이센스상은 $ 149입니다..

    다중 브라우저 뷰어

    다중 브라우저 뷰어에는 사전 패키지 된 17 개의 가상화 독립 실행 형 브라우저가 포함되어 있습니다. 멀티 브라우저 뷰어에는 17 개의 독립 실행 형 브라우저 외에도 3 개의 운영 체제 (Mac, Windows 및 Linux)에서 50 개의 브라우저로 사이트를 테스트 할 수있는 기능이 있습니다. 단일 사용자 라이센스 상품은 $ 99.95입니다..

    클라우드 테스트

    Cloud Testing의 교차 브라우저 테스트 기능을 사용하면 IE 6,7,8, Firefox, Apple Safari, Google 크롬 및 Opera 브라우저를 사용하여 전자 상거래 및 거래 웹 사이트의 모양과 느낌 및 기능을 모두 확인할 수 있습니다. 하나의 테스트 당 가격은 £ 0.10입니다..