تحسين CSS لأجهزة iPod و iPhone Safari

iPod touch و iphoneيعد إنشاء التطبيقات المُحسّنة لاستخدام iPod أو iPhone طريقة رائعة للانغماس في سوق متفجر مع أكثر من 1 مليار التنزيلات حتى تاريخه. من المهم أن ندرك أن هذه الأرقام لا تتضمن التطبيقات المستندة إلى المستعرض والمُحسَّنة لـ Safari على iPhone أو iPod Touch ولا تتطلب تنزيلًا.

اليوم قمت بتقطيع الرصاصة واشتريت ملف أي بود تاتش 16 جيجا بايت لبدء التحقق من النظام الأساسي لكل من Safari و Apps. بالتأكيد ... كنت متحمسًا لأنني أستطيع مشاهدة الأفلام على الطريق ويمكن لجهاز iPod Touch أن يعمل كجهاز تحكم عن بعد لـ AppleTV أيضًا!

كانت مهمتي الأولى في متناول اليد هي تحديث حاسبة الرواتب للاستخدام مع Safari على iPod Touch أو iPhone. إنه تطبيق قمت بإنشائه في كل لغة تقريبًا ... لذا فقد حان الوقت لبدء تعلم تطوير Safari وتعلم إطار عمل التطبيقات.

ومن المثير للاهتمام أن عرض الصفحة في Safari لا يستخدم تلقائيًا امتداد الوسائط = محمول باليد إعدادات css ، لذلك اضطررت إلى كتابة بعض البرامج النصية من جانب الخادم في PHP لاستخدام ورقة الأنماط المناسبة:


> رابط rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>؟ php} آخر {؟>
> رابط rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>؟ php}؟>

لقد جعلت الصفحة تبدو جيدة جدًا ، لكنني أعلم أن هناك الكثير منها حجج iPhone و iPod Safari CSS يمكنني الاستفادة من المكونات أو تبديلها بناءً على ما إذا كان اتجاه الصفحة أفقيًا أم عموديًا. سأواصل التجربة!

هل لديك iPhone أو iPod Touch؟ جرب ال حاسبة الرواتب واسمحوا لي أن أعرف كيف يبدو لك! ضع في اعتبارك تقريبًا أن جميع التغييرات بين الصفحة تم إجراؤها باستخدام CSS فقط! ربما كان من الأسهل ببساطة كتابة صفحة جديدة تمامًا - ولكن ليس بنفس التحدي.

3 تعليقات

  1. 1

    دوغلاس-

    شكرًا لنصائح iPhone CSS ... هل سيكون هذا مشابهًا لجهاز Blackberry أو هاتف ذكي آخر يستخدم متصفح الهاتف المحمول؟

  2. 3

    يجب أن أحصل على جهاز iPhone ، ليس لدي حتى جهاز iPod touch. سوف أضيع مع css والأشياء رغم ذلك ، أي شيء مع رمز خارج دوري lol

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.