Tôi không nói về các công cụ cho phép một người xem một trang kết hợp các hệ điều hành và trình duyệt như crossbrowsertesting.com nhưng trong việc tạo hoặc tìm ra CSS thực tế.Công cụ hoặc kỹ thuật tốt nhất của bạn để có cùng hiển thị trên IE6/7 và Firefox là gì?
Nếu các bạn vẫn đang mã hóa cho IE6, bạn đang làm cho một sai lầm.
Tôi sử dụng IE7.js để làm cho IE6 hiển thị các trang như IE7. IE7 là không hoàn hảo, nhưng ít nhất nó có một số semblance của tiêu chuẩn. Vì tôi chỉ phải viết mã cho IE7 và FF nên nó làm cho tôi hiệu quả hơn 33% về thử nghiệm đối với các trình duyệt, điều mà tôi nghĩ là có ý nghĩa kinh doanh tốt.
Link: IE7.js
Tôi viết cho các tiêu chuẩn và cả Firefox và IE7 đều theo một nhóm khá hay.
IE6 là chết như xa như tôi lo ngại nhưng nếu tôi lấy lại dev web chuyên nghiệp tôi có lẽ sẽ phải xem xét lại đó;)
tôi cố gắng để làm cho một trang tiêu chuẩn tuân thủ và thực hiện tất cả các thử nghiệm của tôi trong Firefox (vì nó có một số mở rộng phát triển tuyệt vời như Web Developer và Firebug). Sau đó, khi tôi hoàn thành, tôi kiểm tra trang web trong IE, sau đó thực hiện bất kỳ thay đổi nhỏ nào là cần thiết. Tôi thấy rằng tôi cần phải thực hiện rất ít thay đổi, vì tôi không làm điều gì phức tạp bất thường với CSS.
Tôi từng gặp nhiều vấn đề với sự khác biệt Javascript, nhưng sau khi tôi bắt đầu sử dụng thư viện Javascript (như jQuery), tôi đã ngừng gặp bất kỳ vấn đề nghiêm trọng nào với điều đó.
Đệm.
IE6 có thể hơi bị hippy khi sử dụng lề để đặt các phần tử theo chiều ngang trên một trang. Nếu bạn định kích thước các phần tử và không gian của bạn bằng cách sử dụng đệm, bạn có thể làm cho nhiều bố cục hoạt động tốt trong IE6/7, FF, Safari và Opera mà không có bất kỳ hack nào. IE5.5 làm cho mọi thứ trở nên khó khăn hơn vì mô hình hộp bị hỏng, nhưng tôi nghĩ rằng chúng ta có thể đếm khá nhiều trong hầu hết các trường hợp bây giờ.
Tôi cố gắng tạo trang tuân thủ tiêu chuẩn và thực hiện tất cả thử nghiệm của mình trong Firefox (vì nó có một số tiện ích mở rộng phát triển tuyệt vời như Nhà phát triển web và Firebug). Sau đó, khi tôi hoàn thành, tôi kiểm tra trang web trong IE, sau đó thực hiện bất kỳ thay đổi nhỏ nào là cần thiết. Tôi thấy rằng tôi cần phải thực hiện rất ít thay đổi, vì tôi không làm điều gì phức tạp bất thường với CSS.
Tương tự ở đây, ngoại trừ tôi không có xu hướng cần sử dụng Firebug và những thứ như vậy. Tuy nhiên, tôi chỉ gặp sự cố với IE6 - được giải quyết bằng cách bỏ qua CSS đơn giản:
/* All browsers read: */
html body {
margin: 10px;
}
/* FF, IE7, Op etc. read: */
html > body {
margin: 0;
}
Sử dụng đặt lại css để xếp hạng trường trên các trình duyệt. YUI và Eric Meyer có những cái tốt.
Tôi đang ở với Eli. Viết chống lại firefox (với firebug cài đặt) làm cho bạn phải viết "tương thích hơn" mã để bắt đầu với và sau đó ít hơn của một công việc sau này xuống dòng khi bạn đến để làm cho nó tương thích với IE.
Sử dụng các trang web QuirksMode để giúp bạn tìm câu trả lời cho compatbility thông tin
Nếu đó là một dự án hoàn toàn mới tôi làm cho nó một điểm để kiểm tra tất cả html + css thay đổi nào trên tất cả các trình duyệt Tôi đang nhắm mục tiêu như tôi làm cho những thay đổi.Trong quá khứ, tôi có xu hướng tập trung vào trình duyệt ưa thích của mình và sau đó thử nghiệm với những người khác sau khi tôi đã hoàn thành để tìm thấy một hoặc nhiều quirks nhỏ đã có mặt và nó rất tẻ nhạt để xác định nguyên nhân thực sự. Bây giờ tôi có tất cả các trình duyệt mở và chỉ cần đi qua làm mới mỗi một sau mỗi thay đổi html/css để đảm bảo màn hình đáp ứng mong đợi của tôi. Khi có điều gì đó sai, tôi biết chính xác nguyên nhân gây ra nó.
Có vẻ như mất nhiều thời gian để thử nghiệm trên tất cả các trình duyệt cùng một lúc, nhưng về lâu dài, nó thực sự tiết kiệm thời gian khi bạn nắm bắt các vấn đề cùng một lúc.