سؤال

ما هي علامة متصفح iPhone وكيف يختلف موقع الويب المحسّن لـ iPhone عن موقع الويب المعتاد للجوال؟

شكرًا!

هل كانت مفيدة؟

المحلول

لدى Nettuts مقدمة رائعة لتطوير الويب لأجهزة iPhone.انت وجدتها هنا

هذا هو الرمز المحدد الذي طلبته (مأخوذ من تلك المقالة):

<!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"-->   

<!--  
place iPhone code in here  
-->   

<!--#else -->   

<!--  
    place standard code to be used by non iphone browser.   
-->   
<!--#endif --> 

نصائح أخرى

لدى Apple بعض الإرشادات الممتازة لتطوير صفحة ويب iPhone هنا:

دليل محتوى ويب Safari لجهاز iPhone

ومن خلال قراءتي الموجزة للموضوع، إليك العناصر الأساسية التي يجب الانتباه إليها:

  • تختلف طريقة عمل "إطار العرض" والتمرير قليلاً نظرًا لصغر حجم الشاشة.هناك علامات META مخصصة تتيح لك ضبط ذلك تلقائيًا عندما يأتي شخص ما إلى صفحتك.
  • احذر من الصفحات التي تستخدم مجموعات إطارات أو ميزات أخرى تتطلب من المستخدم تمرير عناصر مختلفة على الصفحة، لأن iPhone لا يعرض أشرطة التمرير.
  • إذا كنت تتوقع أن يقوم الأشخاص بوضع إشارة مرجعية على صفحتك على iPhone، فهناك علامة META مخصصة تتيح لك تحديد رمز بحجم 53 × 53 والذي سيبدو أجمل من رمز Favorite.ico النموذجي.
  • تجنب جافا سكريبت التي تعتمد على حركة الماوس أو إجراءات التمرير لتحقيق الأشياء، فهي لن تعمل بشكل صحيح على iPhone.
  • هناك بعض خصائص CSS المخصصة التي تسمح لك بضبط حجم النص وتمييز لون الارتباطات التشعبية على iPhone.
  • هناك ميزات HTML/Javascript رئيسية أخرى ينصحونك بتفضيلها أو تجنبها أيضًا.

تحدد Apple وكيل المستخدم هنا.

يتم نقل هذا الحقل في رؤوس HTTP تحت مفتاح "وكيل المستخدم"

الحل الأفضل:

*

  (NSString *)flattenHTML:(NSString *)html {

  NSScanner *theScanner; NSString *text = nil;

  theScanner = [NSScanner scannerWithString:html];

  while ([theScanner isAtEnd] == NO) {

  // find start of tag
  [theScanner scanUpToString:@"<" intoString:NULL] ; 


  // find end of tag
  [theScanner scanUpToString:@">" intoString:&text] ;


  // replace the found tag with a space
  //(you can filter multi-spaces out later if you wish)
  html = [html stringByReplacingOccurrencesOfString:
                     [ NSString stringWithFormat:@"%@>", text]
               withString:@" "];

  } // while //

  return html;

}

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top