IE6 / 7 및 Firefox에서 동일한 디스플레이를 얻기위한 가장 좋은 도구 또는 기술은 무엇입니까?[닫은]

https://stackoverflow.com/questions/26113

09-06-2019
|

문제

나는 crossbrowsertesting.com과 같은 운영 체제와 브라우저의 조합으로 페이지를 볼 수있게 해주는 도구에 대해 말하는 것이 아니라 실제 CSS를 만들거나 알아낼 때 사용합니다.

해결책

여러분이 여전히 IE6 용으로 코딩하고 있다면 실수 한 것입니다.

IE7.js 를 사용하여 IE6에서 IE7과 같은 페이지를 렌더링하도록합니다.IE7은 완벽하지는 않지만 적어도 표준과 비슷합니다.IE7 및 FF 용으로 만 코딩하면되므로 브라우저 테스트 측면에서 33 % 더 효율적으로 작업 할 수 있습니다. 비즈니스에 적합하다고 생각합니다.

링크 : IE7.js

다른 팁

css 재설정을 사용하여 여러 브라우저에서 필드 수준을 조정합니다.YUI와 Eric Meyer는 좋은 사람입니다.

저는 표준에 글을 쓰고 Firefox와 IE7 모두 꽤 좋은 공통점을 따릅니다.

IE6는 제가 염려하는 한 죽었지 만 전문 웹 개발자로 돌아 가면 아마 수정해야 할 것입니다;)

표준을 준수하는 페이지를 만들고 Firefox에서 모든 테스트를 수행하려고합니다 (웹 개발자 및 Firebug와 같은 우수한 개발 확장 기능이 있기 때문에).그런 다음 작업이 끝나면 IE에서 사이트를 테스트 한 다음 필요한 사항을 변경합니다.CSS로 매우 복잡한 작업을 수행하지 않기 때문에 거의 변경하지 않아도됩니다.

예전에는 자바 스크립트 차이로 인해 더 많은 문제가 있었지만 자바 스크립트 라이브러리 (예 : jQuery)를 사용하기 시작한 후 심각한 문제가 발생하지 않았습니다.

패딩.

IE6는 여백을 사용하여 페이지에 요소를 가로로 배치 할 때 약간 힌트를 줄 수 있습니다.패딩을 사용하여 요소의 크기를 조정하고 콘텐츠의 간격을두면 IE6 / 7, FF, Safari 및 Opera에서 해킹없이 많은 레이아웃이 잘 작동하도록 만들 수 있습니다.IE5.5는 깨진 상자 모델로 인해 조금 더 끈적 거리게 만들지 만, 지금은 대부분의 상황에서 거의 계산할 수 있다고 생각합니다.

<인용구>

여기도 동일하지만 Firebug 등을 사용할 필요가 없습니다.하지만 최근에 IE6에서 문제가 발생했습니다.이 문제는 간단한 CSS 우회로 해결됩니다. 라코 디스

나는 Eli와 함께 있습니다.파이어 폭스 (Firebug가 설치된 상태)에 대해 작성하면 처음에는 "더 호환되는"코드를 작성해야하고 나중에 IE와 호환되도록 할 때 작업이 줄어 듭니다.

QuirksMode 사이트를 사용하면 호환성 정보에 대한 답변을 찾을 수 있습니다.

새로운 프로젝트 인 경우 변경 작업을 수행 할 때 내가 대상으로하는 모든 브라우저에서 모든 html + css 변경 사항을 테스트하는 것이 중요합니다.과거에는 내가 가장 좋아하는 브라우저에 초점을 맞춘 다음 하나 이상의 작은 단점이 있는지 확인한 후 다른 브라우저로 테스트하는 경향이 있었고 실제 원인을 정확히 찾아내는 것은 매우 지루했습니다.이제 모든 브라우저를 열고 각 html / css가 변경된 후 각 브라우저를 새로 고쳐 디스플레이가 내 기대를 충족하는지 확인합니다.문제가 발생하면 그 원인을 정확히 알고 있습니다.

모든 브라우저에서 한 번에 테스트하는 것은 시간이 많이 걸리는 것처럼 보일 수 있지만 장기적으로는 문제를 한 번에 파악하므로 실제로 시간이 절약됩니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow