ماذا كنت تستخدم لاختبار يده css على موقع الويب الخاص بك ؟
سؤال
لقد تم إضافة css دعم المحمولة إلى موقع الويب الخاص بي ولكن لم أكن قادرة على العثور على وسيلة جيدة لاختبار.
حاولت استخدام webdeveloper البرنامج المساعد لفايرفوكس لكنه لا يعمل بالنسبة لي.ربما لأن كل css في html وليس ملف css منفصل.
هل هناك أي اختبار الأدوات المتاحة جانبا من الخروج وشراء المحمولة الجهاز ؟
المحلول
مع قليلا من الصيد وجدت ما كنت أبحث عنه شكرا يؤدي الرجال.
الأوبرا عرض المحمولة css إذا قمت بتحديد "الشاشة الصغيرة" من القائمة عرض.
نصائح أخرى
وأنا لست متأكدا ما اذا كان فكرة جيدة لإحياء السؤال القديم، ولكن آمل أن يجد شخص ما أنه:)
وهناك طريقة بسيطة لاختبار المغلق المحمولة مع مع استفسارات وسائل الإعلام :
@media handheld, screen and (max-width: 500px) { /* your css */ }
وبعد ذلك يمكنك اختبار على المتصفحات التي تنفذ استفسارات وسائل الإعلام عن طريق تغيير حجم نافذة إلى أقل من 500px.
إذا كان لديك Visual Studio ، ينبغي أن يكون هناك جهاز محاكاة التي تمكنك من اختبار المحمول أي ، أو أنها يمكن أن تكون وجدت مستقل على موقع Microsoft. وهنا بعض لمدة 5 وات.هناك OpenWave محاكاة متاح اختبار هذا المتصفح. بلاك بيري المحاكاة كما تتوفر أيضا إلى اختبار متصفح بلاك بيري.يمكنك (نوع من) اختبار دعم اي فون مع سفاري ، على الرغم من أنك لا يمكن التحقق من المعاينة الفوقية الوسم.هناك أوبرا ميني محاكاة هنا
أيضا ، على CSS من HTML الخاص بك :)
ولقد وجدت أن التحول أنواع وسائل الإعلام في تطوير بيئة يعمل على نحو أفضل بالنسبة لي.
وعلى سبيل المثال إذا كنت اختبار "يده" المغلق ثم فقط إضافة نوع الوسائط "الشاشة" لatrib وسائل الإعلام و التعليق الخروج المغلق الافتراضي.
وبعد اكتمال هذه الخطوة، التي عادة ما تريد لاختبار في على الجهاز المحمول باليد الحقيقي.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
معظم الهواتف الذكية مثل iPhone و بعض أجهزة الروبوت لا تعترف handheld.css
.أخذوا mediatype="screen"
لذلك تحتاج إلى تضمين هذا مقتطف قصير من جافا سكريبت.