أريد أن يكون موقع الويب الخاص بي متاحًا (على سبيل المثال ، قابل للاستخدام بالكامل) من خلال IPad.
ما الذي أنا بحاجة لفعله؟
يتحدث عامة (يخطئ ... كتابة) كل ما عليك القيام به هو تهدف إلى HTML 5 و Safari Specific CSS3 القواعد ، لإنشاء التدرجات ، والظلال ، الخ ...
أضف بعض علامات أجهزة Apple المحددة مثل
<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">
تذكر أنه يمكنك استخدام المغلق في الوضع الأفقي وغيرها في الوضع الرأسي
<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css">
إذا كنت ، بالمناسبة ، ترغب في إنشاء نسخة أصلية بصرية على حد سواء ، أوصي بأن ترى JQtouch و Sencha
ضع في اعتبارك أن بعض الأحداث لا وجود لها في جهاز Touch ، مثل "انقر فوق" (على الرغم من أن معظم هذه الأوقات تعمل بشكل جيد) ، "mousehover "، إلخ ... تم تكوين JQTouch و Sencha بالفعل لإعطائك حدث" النقر "ولمس المزيد من الأحداث Apple أجهزة محددة.
هناك أداة رائعة عبر الإنترنت للقيام بتصميم مواقع الويب المستهدفة من iPad:
يوفر لك محاكي iPad/Safari بالحجم الكامل عبر الإنترنت.
أوصي بشدة بوجود جهاز فعلي لاختبار موقعك أثناء تطويرك.
تحقق من هذه المادة ؛ إنها تقنية لطيفة للتخطيطات السائلة التي تجعل موقعك يبدو رائعًا على جهاز iPad ، وشاشة بحجم 30 بوصة ، وحتى جهاز iPhone ؛) http://www.alistapart.com/articles/responsive-web-design/
يستخدم iPad في المقام الأول متصفح Safari - أو يغير نسخته الخاصة ، لذلك تأكد من أن هناك نقطة انطلاق جيدة ، إذا لم يكن لديك جهاز لاختباره ، فتأكد من استخدام Safari العادي أولاً. من هنا يجب أن تكون قادرًا على العثور على جهاز محاكاة.
يمكن تنزيل متصفحات الجوّال الأخرى كتطبيقات ، وأنا أعلم opera لديها تطبيقات خاصة للتصفح ، كما أن فايرفوكس أدركت للتو وجود الإصدار الأول على الرغم من أنه فقط على نوكيا في الوقت الحالي.
نظرًا لأن متصفح Safari على iPad هو المستعرض الأكثر تقدمًا في التوزيع العام ، يمكنك الاستفادة من أحدث تقنيات CSS3 و HTML5 دون الحاجة للاختراق لدعم المتصفحات القديمة غير المتوافقة مع المعايير.