javascript - 모든 브라우저와 호환되는 더 나은 디버깅 솔루션이 있는 사람이 있습니까? 현재 디버깅 아이디어에 대해 말씀해 주시겠습니까?

Question

회사에서 요구할 때 고객이나 시장 요구로 인해 IE8과 같은 하위 버전의 브라우저와 호환되어야 합니다. 일상 업무에서 호환성 문제를 어떻게 처리하시나요?

현재 내 솔루션에 대해 이야기하겠습니다. 또한 모두가 자신만의 솔루션을 생각해 낼 수 있기를 바랍니다.

PC 버전(저는 H5에 대한 경험이 많지 않습니다. 좋은 디버깅 솔루션이 있는지 알려드릴 수 있습니다.):

Firefox和Chrome本身问题倒不大，而且调试起来比较方便，问题一般不大，主要是IE.

윈도우 시스템

1. 낮은 버전의 IE를 사용하세요. win10可能不支持，另外自带的调试工具，用起来真的反人类，毕竟是好几年前的产物了。有时候调请求，还不如用fiddler.

2. 브라우저는 IE11을 사용합니다(내장된 개발자 도구의 에뮬레이션 옵션은 IE7-11 브라우저를 시뮬레이션할 수 있습니다. 일반적으로 자체 개발자 도구가 비교적 새롭고 디버그하기가 더 편리하기 때문에 괜찮습니다. CSS를 좀 써보세요. js의 문제점은 시뮬레이션 모드가 실제 효과와 일치하지 않는다는 것입니다.)

3. IETest를 사용해 보세요. 솔직히 이 도구는 사용하기가 정말 어렵다고 생각합니다. 디버깅 도구는 1년 정도 됐습니다. 스타일 문제를 보는 것은 괜찮지만, js 오류 등을 디버깅하는 것은 피곤합니다.

Linux와 유사한 시스템

이 IE의 경우 가상 머신을 실행해야 할 수 있으며, 가상 머신을 실행하면 위와 같은 문제가 발생합니다 Window系统.

전체 클라우드 테스트

이것은 bowserstack(로컬 디버깅 지원, 크롬 플러그인 설치 필요) 등이 있습니다. 이 수수료는 월 29달러 정도로 조금 비싼 편이고 1인용인 것 같습니다. 대부분의 브라우저를 지원하지만 속도는 상대적으로 느리지만 그래도 괜찮은 솔루션입니다.

프라이빗 클라우드 테스트

저번에 강의를 갔을 때 누군가가 프라이빗 클라우드라면 첫 번째가 빠르고 두 번째가 커스터마이징이 더 좋다고 했던 것 같아요.

현재는 私有云测试을 사용하고 싶지만 더 나은 오픈 소스 솔루션이 있는지 모르겠습니다.

모두가 함께 의견을 제시하고 토론하는 것을 환영합니다. 모두 감사합니다~

Answer 1

개인적으로는 위의 생각이 틀렸다고 생각합니다. 호환성 요구 사항을 명확히 한 후 개발 시 이러한 호환성 문제를 고려해야 합니다. 모든 것이 정상적으로 완료된 후에 이러한 문제를 테스트, 발견, 디버깅 및 해결하는 대신.

IE8과 호환되어야 한다고 판단되면 개발 중에 몇 가지 일반적인 문제를 처리해야 합니다. 예:

• IE8의 window 객체 아래에는 JOSN이 없으므로 JSON 라이브러리를 사용해야 합니다.

• IE8에서는 많은 경우 다시 그리기가 발생하지 않으며 별도로 처리해야 합니다.

• IE8에서 이벤트 바인딩을 위한 호환 가능한 작성 방법입니다.

• IE89에는 콘솔이 열려 있지 않을 때 콘솔 개체가 없으므로 콘솔 디버깅 코드는 최종 코드에 존재할 수 없습니다.

• IE8은 기본적으로 css3을 지원하지 않으며, IE9는 일부 스타일 다운그레이드 솔루션을 부분적으로만 지원합니다.

• . . .

개발 전에 호환성 요구 사항을 명확하게 하고 개발 중에 해당 호환성 문제를 처리하세요. 최종 제품이 완성된 후 해당 브라우저에서 정상적으로 기능 테스트를 진행하시면 됩니다. 기본적으로 호환성에는 문제가 없습니다.

제가 근무하는 회사의 제품은 IE8과 완전히 호환되어야 하고, 일부 제품은 IE7과 호환되어야 합니다. 저는 항상 이 방법을 사용해 왔습니다. 일부 효과를 얻을 수 없는 경우, 하위 버전 브라우저는 기능 및 스타일 호환성만 보장하며, 상위 버전 브라우저와 동일한 효과를 얻을 수 없다는 점을 고객과 직접 소통하세요.

어떤 테스트 도구를 사용하든 문제는 발견된 후에 해결해야 합니다. 문제를 해결하는 가장 좋은 방법은 소스부터 해결하는 것입니다. 말씀하신 것처럼 낮은 버전의 IE에서는 디버깅이 불가능하거나 반인간적입니다.

도구로는 Alibaba의 F2ETEST를 추천합니다. 배포하기가 더 까다롭지만 기능도 좋고 사용하기 쉽습니다.

마지막으로, 회사가 어느 정도 경험을 축적했다면 호환이 필요한 것은 IE뿐만이 아니라는 점을 알게 될 것입니다. Chrome과 Firefox에도 몇 가지 문제가 있지만 상대적으로 적습니다.