Tôi đã thiết kế trang web của mình với hình nền cố định 900 x 600. Trên máy tính có vẻ ổn. Nó sẽ trông như thế nào trên một thiết bị PDA? Tôi sẽ phải thiết kế riêng nó cho PDA?Làm cách nào để kiểm tra thiết kế trang web trên thiết bị di động?
Làm cách nào để kiểm tra xem trang web của tôi có thể được duyệt hiệu quả từ điện thoại di động không?
Tôi nên làm gì?
Vâng, bạn luôn có thể ném một số phát hiện javascript vào đó để kiểm tra loại trình duyệt, sau đó chuyển hướng đến một trang web khác được định dạng cho thiết bị di động. Điều này có vẻ là tiêu chuẩn cho hầu hết các trang web.
Ví dụ:
Hãy thử sử dụng Opera 's "màn hình nhỏ" xem (View> Nhỏ Màn). Điều này làm một công việc khá phong nha của mô phỏng một màn hình điện thoại di động. Hãy thử nó trên trang web của Opera. Lưu ý rằng họ sử dụng biểu định kiểu kiểu "cầm tay" có thể khởi động khi bạn đang xem trên thiết bị cầm tay hoặc chuyển sang chế độ màn hình nhỏ.
Bạn có thể tải xuống Google's Android SDK miễn phí để kiểm tra.
Để kiểm tra trên iPhone, hãy xem iPhone Tester. Có một nút ở dưới cùng bên phải để xoay iPhone vào trạng thái màn hình rộng của nó.
OpenWave Phone Simluator được cho là tốt.
Bạn có thể thử số mobi online emulator.
Các Windows Mobile 5.0 SDK for Smartphone chứa "Windows Mobile 5.0 dựa Smartphone thiết bị hình ảnh Emulator & file da"
Cuối cùng, một số hướng dẫn chung: Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
Thay vì phát hiện trình duyệt, bạn có thể cung cấp các bảng định kiểu thay thế cho các thiết bị cầm tay. Với
<link rel="stylesheet" href="small.css" type="text/css" media="handheld">
Ưu điểm là bạn chỉ cần một phiên bản của trang web, sự khác biệt nằm trong bảng định kiểu. Bạn cần một css bổ sung, trong khi với phát hiện trình duyệt, bạn sẽ cần các phiên bản khác nhau của mỗi trang trong trang web của bạn. Nhược điểm là không phải tất cả các trình duyệt đều hỗ trợ thuộc tính media cho bảng định kiểu. Nhưng các trình duyệt hiện đại nhất làm và hỗ trợ cho nó đang phát triển.
Nếu bạn quan tâm, tôi khuyên bạn nên xem một số A List Apart article.
BTW, nếu bạn chưa sử dụng css, hãy chuyển sang ngay lập tức, bất kể giải pháp nào cho vấn đề bạn chọn. CSS đá!
Bạn cũng có thể nhận được device emulators for the Blackberry dải máy.