Làm cách nào tôi có thể thấy trang web của mình trông như thế nào trong các trình duyệt khác nhau?


46

Làm cách nào tôi có thể thấy trang web của mình trông như thế nào trong các trình duyệt khác nhau?

Thiếu thực sự có mỗi phiên bản trình duyệt khác nhau được cài đặt, có công cụ hoặc dịch vụ nào có thể cung cấp bản xem trước không?

Câu trả lời:


38

2
Tôi thích các ý kiến ​​phụ huynh, câu trả lời tốt.
Larry Smithmier

32

Các trình duyệtShotsBrowserLabs là những gì tôi có thể nghĩ ra khỏi đỉnh đầu. Tôi nghĩ còn có một thứ khác tôi đã sử dụng nhưng tôi không thể nhớ tên ngay bây giờ.

Chỉnh sửa: Đáng buồn là Adobe đã tắt dự án BrowserLab của họ vào ngày 13 tháng 3 năm 2013.


1
Chỉ cần đảm bảo với BrowserShots rằng bạn bỏ chọn mọi thứ sau đó chỉ cần chọn số ít bạn muốn (như IE6). Ai đang sử dụng "Dillo"?!
Không hài lòngGoat

10

LitmusApp là một người chơi mới trong lĩnh vực này. Giá trị gia tăng chính hiện tại của họ là kiểm tra ứng dụng khách email (33 máy khách, bao gồm cả thiết bị di động), nhưng họ cũng thực hiện kiểm tra trình duyệt "trên đám mây" với tối đa 24 trình duyệt. Trên thực tế, thử nghiệm trình duyệt là sản phẩm đầu tiên của họ và nó vẫn có sẵn độc lập thông qua công cụ kiềm .

Tôi sử dụng kiềm thường xuyên. Nó khá đẹp.

Điều tốt nhất về nó là: bạn không phải sở hữu hoặc cài đặt bất kỳ trình duyệt nào bạn muốn kiểm tra. Họ xử lý tất cả những điều đó và cung cấp cho bạn ảnh chụp màn hình của trình duyệt đang chạy trên một hệ thống thực. Bản thân tôi là một người sysadmin khủng khiếp, điều này là lý tưởng.


vâng, họ là bạn của chúng tôi - họ cũng điều hành doctype.com ở phần chân trang (mặc dù có khả năng bị lỗi sớm)
Jeff Atwood

6

Điều này là khá tốt: http://browsersshots.org/

Xem nó trông như thế nào trên một loạt các trình duyệt và độ phân giải. Cần phải có trên web mặc dù.


6

Tôi rất khuyên bạn nên thử nghiệm IE trong IETester , có sẵn ở đây . Nó nhẹ, nhanh, chính xác và hỗ trợ tất cả các IE từ 5.5 trở lên.


1
IETester cung cấp một tài liệu tham khảo tốt về cách trang web của bạn trông như thế nào trong các trình duyệt IE. Tuy nhiên, chúng tôi đã có những lần xuất hiện trong đó kết xuất của IE6 khác với công cụ kết xuất IE6 thực sự.
Rickjaah

5

Có các trình duyệt địa phương cung cấp cho bạn linh hoạt hơn. Nếu bạn có một trang web tương tác nơi bạn cần nhấp vào một số nút để kiểm tra, bạn không thể xác minh điều này bằng một hình ảnh.


5

MS cũng có (như một phần của bộ công cụ Expression) một sản phẩm có tên SuperPreview, cho phép bạn làm việc song song hoặc phủ lên phiên bản tương tác của trang web của bạn trong tất cả các phiên bản IE và phiên bản Firefox mới nhất.

Nó cũng bao gồm quyền truy cập vào một dịch vụ web cho bạn thấy trang web của bạn trông như thế nào trong Safari trên máy Mac - điều này sẽ tạo ra hình ảnh của đầu ra, nhưng cũng sử dụng tệp siêu dữ liệu cho phép bạn xem phần nào của phần đánh dấu được tạo ra phần nào của hình ảnh, vì vậy nó vẫn khá mạnh mẽ.


4

Đây là một trong những lý do cốt lõi để phát triển trên máy tính Apple. Sử dụng VMWare Fusion hoặc các phần mềm mô phỏng khác, đây là máy tính duy nhất mà bạn có thể cài đặt hợp pháp tất cả các hệ điều hành chính trên.

Sau đó, bạn có thể kiểm tra các trình duyệt thực tế trong các HĐH thực tế, không phụ thuộc vào các nguồn bên ngoài để thực hiện công việc bẩn thỉu cho bạn, nơi bạn có thể sử dụng các công cụ gỡ lỗi riêng để sửa / chẩn đoán bất kỳ lỗi nào.


Tại sao lại là Apple? Bạn cũng có thể sử dụng virtualbox.org trên Linux hoặc Windows ...
mbrochh

1
Tại sao lại là Apple? Vì bạn không thể cài đặt OSX trên Linux hoặc Windows mà không vi phạm Điều khoản dịch vụ.
Dan Gayle

1
Điều đó có vẻ hơi ngớ ngẩn với tôi, bạn đang nói một trong những lý do cốt lõi để phát triển trên Apple là bạn không được phép sử dụng OSX trên các máy tính khác.

Nếu tôi có thể chạy Hackffy một cách hợp pháp, có lẽ tôi sẽ bỏ qua các vấn đề về phần cứng. Nhưng một lần nữa, đó chỉ là một sự cân nhắc.
Dan Gayle


4

Sử dụng bản xem trước cho thiết kế chung là tốt, nhưng đừng quên kiểm tra hành vi của trang web của bạn. Điều này đặc biệt hữu ích nếu bạn sử dụng nhiều hiệu ứng di chuột, ajax hoặc java-script mà bạn không thể thấy trên ảnh.

Tôi sử dụng VmWare với các máy ảo khác nhau với các trình duyệt quan trọng nhất được cài đặt riêng biệt.

Nếu bạn đang sử dụng Windows 7 Ultimate, tôi có thể giới thiệu cho bạn một hướng dẫn với Virtual PC và Xp Mode, đây là một giải pháp để chạy các phiên bản IE khác nhau trên một máy chủ .



3

MogoTest là một startup TechStars gần đây thực hiện tốt điều này. Nó cũng cung cấp ảnh chụp màn hình từ các trình duyệt và HĐH khác nhau và cũng xác nhận HTML & CSS của bạn.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.