Skip to main content

آپ کے ویب صفحات کو مارنے والے موبائل آلات کا پتہ لگانے کا طریقہ

Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie (اپریل 2024)

Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie (اپریل 2024)
Anonim

سالوں سے، ماہرین یہ کہہ رہے ہیں کہ موبائل آلات پر زائرین کے ویب سائٹس کو ٹریفک ڈرامائی طور پر بڑھ رہا ہے. اس وجہ سے، بہت سارے کمپنیوں نے اپنی آن لائن موجودگی کے لئے ایک موبائل حکمت عملی کو گراؤنڈ کرنا شروع کر دیا ہے، اس تجربات کو جو فون اور دیگر موبائل آلات کے ساتھ موزوں ہیں.

ایک بار جب آپ نے موبائل فونز کے لئے ویب صفحات کو ڈیزائن کرنے اور اپنی حکمت عملی کو نافذ کرنے کے بارے میں سیکھنے کے بعد آپ کو اس بات کا یقین بھی کرنا ہوگا کہ آپ کے سائٹ کے زائرین ان ڈیزائن کو دیکھ سکتے ہیں. آپ ایسا کر سکتے ہیں بہت سے طریقے ہیں اور کچھ دوسروں سے بہتر کام کرتے ہیں. یہاں آپ کے ویب سائٹس پر موبائل معاونت کو لاگو کرنے کے لئے استعمال کرنے کا طریقہ یہ ہے کہ آج کے ویب پر یہ سب سے بہترین طریقہ حاصل کرنے کے لئے اختتام کے قریب ایک سفارش کے ساتھ!

ایک اور سائٹ کے ورژن پر ایک لنک فراہم کریں

یہ، دور تک، سیل فون کے صارفین کو ہینڈل کرنے کا سب سے آسان طریقہ ہے. پریشان ہونے کی بجائے وہ آپ کے صفحات کو دیکھ سکتے ہیں یا نہیں دیکھ سکتے ہیں، صرف اس صفحے کے سب سے اوپر ایک لنک ڈالیں جو آپ کی ویب سائٹ کے علیحدہ موبائل ورژن پر بات کرتی ہے. پھر قارئین خود کو منتخب کر سکتے ہیں کہ وہ موبائل ورژن دیکھنا چاہتے ہیں یا "عام" ورژن کے ساتھ جاری رکھیں گے.

اس حل کا فائدہ یہ ہے کہ لاگو کرنا آسان ہے. اس سے آپ کو موبائل کے لئے مرضی کے ورژن بنانا اور پھر عام سائٹ کے صفحات کے سب سے اوپر کے قریب ایک لنک شامل کرنے کی ضرورت ہوتی ہے.

خرابیاں ہیں:

  • آپ کو موبائل صارفین کے لئے سائٹ کا علیحدہ ورژن برقرار رکھنا ہوگا. جیسا کہ آپ کی ویب سائٹ بڑی ہو جاتی ہے، آپ کو یہ دوسرا ورژن برقرار رکھنے کے لئے بھول جا سکتا ہے اور آپ کی سائٹس ہم آہنگی سے باہر نکل سکتے ہیں.
  • کیا آپ بھی گولیاں کے لئے ایک تیسری ورژن بناتے ہیں؟ پہننے والی چیزوں کے بارے میں چوتھا ورژن کیسے؟ آلہ کے مخصوص ورژن کا یہ تصور بہت جلد سے کنٹرول سے باہر نکل سکتا ہے.
  • آپ کو اس صفحے کے سب سے اوپر ایک بدسورت لنک ڈالنا ہے کہ غیر موبائل قارئین دیکھ سکتے ہیں (اور ممکنہ طور پر کلک کریں).

بالآخر، یہ نقطہ نظر ایک طویل عرصہ ہے جو جدید موبائل حکمت عملی کا حصہ بن سکتا ہے. بہتر حل حل کیا جا رہا ہے جبکہ یہ کبھی کبھی روکنے کی غلطی کے طور پر استعمال کیا جاتا ہے، لیکن اس حقیقت میں یہ واقعی ایک مختصر مدت کے بینڈ امداد ہے.

جاوا سکرپٹ کا استعمال کریں

مندرجہ بالا نقطہ نظر کے مختلف حصوں میں، کچھ ڈویلپرز کسی قسم کے براؤزر کا پتہ لگانا سکرپٹ کا استعمال کرتے ہیں تو پتہ چلتا ہے کہ گاہک موبائل ڈیوائس پر ہے اور پھر اس الگ الگ موبائل سائٹ پر ری ڈائریکٹ کریں. براؤزر کا پتہ لگانے اور موبائل آلات کے ساتھ مسئلہ یہ ہے کہ وہاں ہزاروں موبائل آلات موجود ہیں. ایک جاوا اسکرپٹ کے ساتھ ان سب کو پتہ لگانے کی کوشش کرنے کے لئے آپ کے تمام صفحات کو ڈاؤن لوڈ ہونے والی ڈراؤنڈ میں تبدیل کر سکتے ہیں - اور آپ اب بھی اسی طرح کے خرابیوں کے ساتھ ہی مندرجہ بالا ذکر نقطہ نظر کے تابع ہیں.

سی ایس ایسmedia ہینڈ ہیلڈ کا استعمال کریں

سی ایس ایس کمانڈ @ ایمیڈیا ہینڈ ہیلڈ کی طرح لگتا ہے کہ یہ صرف ہینڈ ہیلڈ آلات جیسے سیل فونز کے لئے سی ایس ایس کی شیلیوں کو ظاہر کرنے کا مثالی راستہ ہوگا. یہ موبائل آلات کے لئے صفحات کو ظاہر کرنے کے لئے ایک مثالی حل کی طرح لگتا ہے. آپ ایک ویب صفحہ لکھتے ہیں اور پھر دو سٹائل شیٹ تیار کریں. "اسکرین" میڈیا قسم کے سٹائل کیلئے آپ کا صفحہ مانیٹر اور کمپیوٹر اسکرینز کیلئے. دوسرا "ہینڈ ہیلڈ" شیلیوں کے لئے دوسرا موبائل آلات جیسے چھوٹے آلات کے لئے آپ کا صفحہ. آواز بہت آسان ہے، لیکن یہ عملی طور پر کام نہیں کرتا.

اس طریقہ کار کا سب سے بڑا فائدہ یہ ہے کہ آپ کو آپ کی ویب سائٹ کے دو ورژن کو برقرار رکھنے کی ضرورت نہیں ہے. آپ صرف ایک کو برقرار رکھتی ہیں، اور طرز شیٹ کی وضاحت کرتا ہے کہ یہ کس طرح نظر آتی ہے - جو اصل میں ہم چاہتے ہیں آخر حل کے قریب ہو رہا ہے.

اس طریقہ کار کے ساتھ ایک مسئلہ یہ ہے کہ بہت سے فون میڈیا کی قسم کی حمایت نہیں کرتا - وہ اپنے صفحات کو بجائے اسکرین میڈیا کی قسم کے ساتھ دکھاتے ہیں. اور بہت سے پرانے سیل فونز اور ہینڈ ہیلڈز بالکل سی ایس ایس کی حمایت نہیں کرتے ہیں. آخر میں، یہ طریقہ ناقابل قابل ہے اور اس وجہ سے کسی ویب سائٹ کے موبائل ورژن کو کم کرنے کے لئے استعمال ہوتا ہے.

صارف ایجنٹ کا پتہ لگانے کے لئے پی ایچ پی، جی ایس ایس، ایس ایس پی کا استعمال کریں

یہ موبائل صارفین کی ویب سائٹ کے موبائل ورژن کو ری ڈائریکٹ کرنے کا ایک بہتر طریقہ ہے کیونکہ یہ ایک سکرپٹ زبان یا سی ایس ایس پر متفق نہیں ہے جو موبائل آلہ استعمال نہیں کرتی ہے. اس کے بجائے، صارف کے ایجنٹ کو دیکھنے کے لئے یہ سرور سائڈ زبان (پی ایچ پی، ایس ایس پی، جے ایس پی، سرف فیوژن، وغیرہ) کا استعمال کرتا ہے اور اس کے بعد موبائل فون کی طرف اشارہ کرنے کے لئے HTTP درخواست کو تبدیل کرنے کے لئے تبدیل کر دیتا ہے.

ایسا کرنے کے لئے ایک سادہ پی ایچ پی کوڈ اس طرح نظر آئے گا:

محاصرہ ($ ua، "ونڈوز عیسوی") یامحاصرہ ($ ua، "AvantGo") یامحقق ($ ua، "Mazingo") یامحور ($ ua، "موبائل") یامحقق ($ ua، "T68") یامحاصرہ ($ ua، "Syncalot") یامحاصرہ ($ ua، "Blazer"))) {$ DEVICE_TYPE = "موبائل"؛}اگر (جاری ($ DEVICE_TYPE) اور $ DEVICE_TYPE == "موبائل") {$ مقام = 'موبائل / index.php'؛ہیڈر ('مقام:'. $ مقام)؛باہر نکلیں؛}?>

یہاں مسئلہ یہ ہے کہ بہت سارے اور بہت سے دیگر ممکنہ صارف کے ایجنٹوں ہیں جو موبائل آلات کے ذریعہ استعمال ہوتے ہیں. یہ اسکرپٹ اس کو کسی بھی ذریعہ سے نہیں بلکہ ان میں سے ایک بہت سی کو پکڑ لیتے ہیں. اور زیادہ وقت میں مزید شامل ہیں.

اس کے علاوہ، مندرجہ بالا دیگر حل کے ساتھ، آپ کو اب بھی ان قارئین کے لئے علیحدہ موبائل سائٹ برقرار رکھنا پڑے گا! دو (یا اس سے زیادہ) ویب سائٹس کو منظم کرنے کی یہ کمی ایک بہتر حل تلاش کرنے کے لئے کافی ہے.

WURFL استعمال کریں

اگر آپ اپنے موبائل صارفین کو الگ الگ سائٹ میں ری ڈائریکٹ کرنے کے لئے ابھی تک مقرر کیا جاتا ہے تو، WURFL (وائرلیس یونیورسل وسائل فائل) ایک اچھا حل ہے. یہ ایک XML فائل ہے (اور اب ایک ڈی بی فائل) اور مختلف ڈی بی آئی لائبریریوں ہے کہ نہ صرف تازہ ترین وائرلیس صارف-ایجنٹ کے اعداد و شمار پر مشتمل ہے بلکہ اس کی خصوصیات اور صلاحیتوں میں بھی وہ صارف کے ایجنٹوں کی حمایت کرتے ہیں.

WURFL استعمال کرنے کے لئے، آپ XML ترتیب فائل ڈاؤن لوڈ کریں اور پھر اپنی زبان کو منتخب کریں اور API کو اپنی ویب سائٹ پر لاگو کریں. جاوا، پی ایچ پی، پرل، روبی، پطرون، نیٹ، ایکس ایس ایل ٹی، اور C ++ کے ساتھ WURFL استعمال کرنے کے لئے اوزار موجود ہیں.

WURFL کا استعمال کرتے ہوئے کا فائدہ یہ ہے کہ بہت سے لوگ اپ ڈیٹ فائل میں ہر وقت اپ ڈیٹ کرتے ہیں اور شامل کرتے ہیں. لہذا جب آپ فائل استعمال کرتے ہیں تو تقریبا اس سے پہلے کہ آپ اسے ڈاؤن لوڈ کر چکے ہیں، امکانات یہ ہے کہ اگر آپ مہینہ میں ایک یا بار پھر اسے ڈاؤن لوڈ کریں تو، آپ کے تمام قارئین کو آپ کے قارئین کو مطمئن طور پر بغیر کسی کو استعمال کرنا پڑے گا. مسائل. برعکس، یہ بات یہ ہے کہ آپ کو یہ مسلسل طور پر ڈاؤن لوڈ کرنے اور اسے اپ ڈیٹ کرنا پڑا ہے - سبھی آپ کو ایک دوسرے کی ویب سائٹ اور صارفین کی خرابیاں پیدا کرنے کے لۓ صارفین کو ہدایت کر سکتے ہیں.

بہترین حل ذمہ دار ڈیزائن ہے

لہذا اگر مختلف آلات کے لئے مختلف سائٹس کو برقرار رکھنے کا جواب نہیں ہے، تو کیا ہے؟ قبول ویب ڈیزائن.

قبول ڈیزائن یہ ہے جہاں آپ سی ایس ایس میڈیا سوالات کا استعمال کرتے ہیں تاکہ مختلف چوڑائیوں کے آلات کے لئے شیلیوں کی وضاحت کریں. قبول ڈیزائن آپ کو موبائل اور غیر موبائل صارفین دونوں کے لئے ایک ویب صفحہ بنانے کی اجازت دیتا ہے. اس کے بعد آپ کو موبائل سائٹ پر کونسا مواد ڈسپلے کرنے یا آپ کے موبائل سائٹ میں تازہ ترین تبدیلیوں کو منتقلی کے بارے میں فکر کرنے کی فکر نہیں ہے. پلس، ایک بار آپ کے پاس سی ایس ایس لکھا ہے، آپ کو کچھ بھی نیا ڈاؤن لوڈ کرنے کی ضرورت نہیں ہے.

قبول ڈیزائن بالکل پرانے آلات اور براؤزرز پر کام نہیں کر سکتا (جس میں سے اکثر آج بہت ہی چھوٹا سا استعمال میں ہیں اور آپ کے لئے پریشان ہونے کی زیادہ ضرورت نہیں ہونا چاہئے)، لیکن اس وجہ سے یہ اضافی ہے (مواد پر لے جانے والی بجائے مواد پر سٹائل شامل کرنے کے بجائے. دور) یہ قارئین اب بھی آپ کی ویب سائٹ کو پڑھنے کے قابل ہو گی، یہ صرف ان کے پرانے آلہ یا براؤزر پر مثالی نظر نہیں آئے گا.