Tôi đã thêm hỗ trợ css cho cầm tay vào trang web của mình nhưng không thể tìm thấy công cụ tốt để thử nghiệm.Bạn sử dụng cái gì để kiểm tra css cầm tay trên trang web của mình?
Tôi đã thử sử dụng plugin trình phát triển web cho Firefox nhưng nó không hoạt động đối với tôi. Có lẽ đó là bởi vì tất cả css của tôi là trong html và không phải là một tập tin css riêng biệt.
Có bất kỳ công cụ kiểm tra nào khác ngoài việc ra ngoài và mua thiết bị cầm tay không?
Với một chút săn Tôi tìm thấy những gì tôi đang tìm kiếm, cảm ơn vì những kẻ dẫn.
Opera sẽ hiển thị số cầm tay css nếu bạn chọn "Màn hình nhỏ" từ trình đơn Chế độ xem.
Nếu bạn có Visual Studio, cần có trình giả lập thiết bị cho phép bạn kiểm tra IE trên thiết bị di động hoặc chúng có thể được tìm thấy độc lập trên trang web của Microsoft. Here are some for WM 5. Có sẵn OpenWave simulator để kiểm tra trình duyệt đó. Blackberry simulators cũng có sẵn để kiểm tra trình duyệt Blackberry. Bạn có thể (loại) kiểm tra hỗ trợ iPhone với Safari, mặc dù bạn không thể xác minh thẻ meta chế độ xem. Có một số Opera Mini simulator tại đây.
Ngoài ra, có CSS của bạn ra khỏi HTML của bạn :)
CSS của tôi được nhúng vì nó được tùy chỉnh dựa trên tùy chọn của người dùng (họ có thể tùy chỉnh kích thước phông chữ mặc định/màu sắc vv). Tôi đoán tôi nên tách ra phần tĩnh. Đó là trong danh sách việc cần làm của tôi. – KPexEA
Bạn cũng có thể phân phối động từ máy chủ của mình. Có một tiến trình phía máy chủ (script php, bất cứ điều gì) xử lý các yêu cầu cho customUser.css và viết nó dựa trên sở thích của họ. Bằng cách này nó vẫn có thể được lưu trữ bởi trình duyệt. –
Đối với thử nghiệm iPhone, bạn có thể nhận iPhone SDK here Nhưng bạn cần hệ điều hành máy tính X/Apple cho nó để chạy theo cách chính thức.
Không chính thức/hacks:
Hacking vui vẻ!
Huibert Gill
Tôi không chắc chắn nếu đó là một ý tưởng tốt để phục hồi lại câu hỏi cũ, nhưng tôi hy vọng ai đó tìm thấy nó :)
Có một cách đơn giản để kiểm tra css cầm tay với với media queries:
@media handheld, screen and (max-width: 500px) { /* your css */ }
Sau đó, bạn có thể thử nghiệm trên các trình duyệt triển khai truy vấn phương tiện bằng cách đổi kích thước cửa sổ thành nhỏ hơn 500px.
tuyệt vời .. dễ dàng và hiệu quả! Cảm ơn –
Tôi phát hiện ra rằng việc chuyển đổi các loại phương tiện trong môi trường phát triển hoạt động tốt nhất cho tôi.
Ví dụ: nếu bạn đang kiểm tra css "cầm tay" thì chỉ cần thêm loại phương tiện "màn hình" vào phương tiện truyền thông atrib và nhận xét css mặc định của bạn.
Sau khi bước này hoàn tất, bạn thường muốn thử nghiệm trên thiết bị cầm tay thực.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
Hầu hết các điện thoại thông minh như iPhone và một số thiết bị Android không nhận dạng được handheld.css. Họ đã lấy số mediatype="screen" để bạn cần phải bao gồm số short snippet of JavaScript này.
Bạn cũng có thể chỉ cần kiểm tra css dựa trên màn hình trong IE6 trên cửa sổ, nhưng tôi sẽ không khuyên bạn nên ... –
Tại sao trên trái đất một người nào đó sẽ downvote này khi tôi FOUND những gì tôi đang tìm kiếm, gọi cho tôi bối rối. – KPexEA
Tôi không thấy tùy chọn "Màn hình nhỏ" trong phiên bản mới nhất (10.53) của Opera. Có lẽ nó đã được gỡ bỏ. –