크로스 브라우저 호환성을 위해 HTML 및 javascript 파일을 검사하는 방법은 무엇입니까?

Question

내 HTML 및 JS 파일을 검사하고 스크립트가 크로스 브라우저 호환인지 여부를보고하는 도구를 찾고 있습니다. 나는 모든 URL을 입력해야하는 온라인 도구에 관심이 없다.

Answer 1

"스캐너"가있을 수 있지만 인간의 눈으로 시각적으로 확인해야하는 브라우저에서 제대로 작동하는지는 알 수 없습니다.

자동 테스트의 관점에서 할 수있는 최선의 방법은 유효한 HTML을 만드는 것입니다. 적절한 렌더링을 보장하지는 않지만 방향으로가는 첫 걸음이며 많은 문제에서 당신을 구할 것입니다.

Answer 2

http://browsershots.org/이 웹 사이트는 다른 브라우저를 사용하며 스크린 샷을 찍기 때문에 실제로 테스트해야한다고 생각하는 시각적 표시가됩니다.

Answer 3

불행히도 이러한 툴을 발견하지 못할 것입니다. 존재한다면, 그것을 만든 사람은 자신이 좋아하는 것이 무엇이든지 청구 할 수 있으며 전 세계 웹 개발자들에게 경의를 표할 것입니다!

그러나 심각하게 생각하면 W3C의 HTML 및 CSS 검사기와 같은 도구를 찾을 수 있지만 대부분의 표준 호환 마크 업과 함께 다른 브라우저를 사용하면 다른 브라우저에서 문제가 발생할 수 있습니다. 유효한 마크 업은 결국 올바른 모양을 의미하지는 않습니다. 이 점에서 구형 브라우저에는 종종 문제가 있습니다 ('단점 모드'및 '표준 모드'에서 읽음).

페이지가 모든 브라우저에서 동일하게 보이게하는 것은 매우 어렵습니다. 실제로 각 OS 또는 플랫폼에서 각 브라우저를 사용하지 않으면이 작업을 자동으로 수행 할 수있는 확실한 방법을 찾을 수 없습니다. 나는 다양한 브라우저 아래에로드 된 페이지의 스크린 샷을 제공하는 몇 가지 도구가 있다고 믿지만, 느려지고 그렇게 똑똑하지 않다고 들었습니다.

JavaScript의 경우 모든 브라우저에는 내가 찾은 작은 단점이 있습니다. jQuery 또는 Prototype과 같은 프레임 워크를 사용할 때조차도 페이지를 직접 테스트하고 기대 한대로 작동하는지 확인해야만 문제를 찾을 수 있습니다.

본질적으로 내가 말하고자하는 것은 '브라우저 간 지원'은 매우 주관적이며 자동화 된 도구를 사용하여 테스트 할 수 없다는 것입니다. 오직 각 페이지에서 무엇을 기대해야하는지 알고 있습니다. 어떤 브라우저가 올바른 것을하고 어떤 브라우저는 그렇지 않은지 잘 알고 있습니다. 여기에는 HTML 및 CSS에서부터 JavaScript에 이르기까지 페이지의 모든 측면이 포함됩니다.

최소한의 노력으로 신속하게 해결할 솔루션이 필요하다고 생각합니다.하지만 해결할 수는 없습니다. 당신은 자신의 시간과 많은 노력을 기울여 귀하의 사이트가 보이고 지원하고자하는 모든 브라우저에서 올바르게 작동하도록 노력해야합니다. 아무도 당신을 위해 그것을 할 것입니다.