IE에서 크로스 브라우저로 응용 프로그램 마이그레이션

Question

IE 응용 프로그램을 Firefox로 마이그레이션하는 중입니다. 이 프로세스를 어느 정도 자동화 할 수있는 도구를 권장하십니까? 아마도이 도구는 브라우저 특정 코드를 식별하는 데 도움이 될 수 있습니다. 가능하면 이걸 보시겠습니까?

Answer 1

그러나, 나는 당신이 실제로 당신의 자신을 만들 것을 권 해드립니다 자바 스크립트 태그를 놓친 브라우저가 자바 스크립트로 공백을 처리하는 다른 방법을보고 reset-stylesheet를 만들고 IE의 기본값으로 명시 적으로 시드하십시오. 이것은 어쨌든 그 스타일에 기본값이 될 것이기 때문에 IE에는 중복 될 것이지만, 파이어 폭스 외에도 현재의 IE 구현을 모두 재 작업하지 않으려는 경우 중요합니다.

How can I locate the default style sheet for a browser?

Answer 2

불행히도 웹 응용 프로그램을 다른 브라우저로 마이그레이션하는 데 초점을 맞춘 도구는 없습니다.

reset stylesheet을 사용하는 것이 좋습니다.

재설정 스타일 시트는 기본 행 높이, 머리말의 여백 및 글꼴 크기와 같은 브라우저 불일치를 줄입니다. 리셋 스타일 시트는 문제를 해결하지 못하지만 최소한 다른 브라우저의 레이아웃을 고칠 수는 있지만 IE에서이를 중단시키는 상황을 피하는 데 도움이 될 것입니다.

Answer 3

이 작업을 자동화 할 방법이 없습니다.

리셋 스타일 시트를 소개하는 것은 좋은 생각 일 수 있습니다. (나는 그다지 많은 경험이 없지만) IE 끝 부분에서도 많은 재 작업이 필요할 수 있습니다. 나는 얼마나 말할 수 없다.

재설정하거나하지 않는 것이 가장 좋은 방법은 Firefox를 Firebug 및 Web Developer Toolbar, IETester 및 개발자 콘솔과 함께 설정하는 것입니다. 큰 커피 한잔을 골라 내고 착수를 체계적으로 시작하십시오. 경험에 따르면, 문제의 80 %는 CSS 설정의 매우 적은 수를 기반으로하므로 빠르게 사라질 것입니다. 나머지 20 %는 커피가 필요할 수도 있습니다.

처음부터 conditional comments을 사용하여 브라우저 특정 스타일 시트 파일을 설정했는지 확인하십시오.

Answer 4

내가 아는 한 도구가 없습니다. ActiveX 구성 요소를 사용하는 경우 손에 많은 작업이 필요할 것입니다. 스타일을 다시 지정하기 만하면 지금 지원하는 IE 버전을 고려해야합니다. IE6, 7 및 8 (또는 일부 조합)에 대해 별도의 스타일 시트를 사용하는 경우 일반적으로 IE6을 1 개의 스타일 시트로 분리하고 다른 브라우저는 다른 스타일 시트로 분리 할 수 ​​있습니다.

살펴볼 핵심 사항 중 하나는 IE와 나머지 브라우저 사이에서 상자 모델이 다른 방식입니다.

box model http://www.456bereastreet.com/i/box-model.gif

하면 응용 프로그램 나던 사용 CSS 스타일 시트 다음 몇 가지 주요 두통에 대한한다.

더욱 정확한 진단을 위해 더 자세한 정보가 필요합니다. 어떤 HTML 요소를 사용합니까, CSS, JavaScript 등을 사용합니까?

편집 : - : 많은 사람들이 리셋 스타일 시트를 추천 한 Firefox and Whitespace