اگر آپ ویب ڈویلپر ہیں یا ایک آن لائن کاروبار کے مالک ہیں، تو آپ یہ جاننے کے لیے متجسس ہو سکتے ہیں کہ موبائل سائٹ ڈیسک ٹاپ پر کیسی دکھتی ہے۔ آپ کی موبائل سائٹ کی ظاہری شکل اور فعالیت اہم ہو سکتی ہے کیونکہ آدھے سے زیادہ انٹرنیٹ ٹریفک فون سے آتی ہے۔ صارفین کے زیادہ دیر تک سائٹ پر رہنے یا کوئی چیز خریدنے کا امکان زیادہ ہوتا ہے اگر یہ بصری طور پر دلکش ہو۔ ایک ڈیسک ٹاپ ویو آپ کو ترمیم کرنے اور ممکنہ مسائل کو جلد حل کرنے میں بھی مدد کر سکتا ہے۔
خوش قسمتی سے، یہ ایک نسبتاً سیدھا عمل ہے۔ اس مضمون میں، ہم آپ کو دکھائیں گے کہ مختلف آلات اور براؤزرز پر ویب سائٹ کا موبائل ورژن کیسے دیکھا جائے۔
میک پر کروم میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
کروم میں، آپ سامنے والے حصے کی جانچ کر سکتے ہیں اور دیکھ سکتے ہیں کہ آیا ڈیو ٹولز نامی بلٹ ان ڈویلپر ٹول کا استعمال کر کے ویب سائٹ کے تمام اجزاء ٹھیک سے کام کر رہے ہیں۔ چونکہ یہ پہلے سے طے شدہ ڈیوائس کے انتخاب فراہم کرتا ہے، اس لیے DevTools ڈیولپر کے لیے تیزی سے منظر کو ڈیسک ٹاپ سے موبائل اور اس کے برعکس بغیر کسی ڈیولپر ایکسٹینشن کے منتقل کرنے کا بہترین طریقہ ہے۔
آپ اپنی ضروریات کو پورا کرنے کے لیے اسکرین کا سائز بھی تبدیل کر سکتے ہیں اور اسکرین کی چوڑائی اور اونچائی کو ایڈجسٹ کر سکتے ہیں تاکہ یہ دیکھنے کے لیے کہ آپ کی ویب سائٹ مختلف اسکرین سائزز پر کیسی نظر آئے گی۔ میک پر ایسا کرنے کے لیے، ان اقدامات پر عمل کریں:
- گوگل کروم براؤزر لانچ کریں اور اس سائٹ پر جائیں جسے آپ دیکھنا چاہتے ہیں۔
- DevTools تک رسائی کے لیے اپنے کی بورڈ پر F12 کو دبائیں۔
- موڈ آن ہونے پر، ٹوگل ڈیوائس ایمولیشن آئیکن پر کلک کریں۔
- آپ ان کی تقلید کے لیے iOS اور Android آلات کی فہرست میں سے انتخاب کر سکتے ہیں۔
- یہ ویب سائٹ کو موبائل فارم میں دکھائے گا جسے آپ نے منتخب کیا ہے۔
جب آپ مکمل کر لیں، تو ویب سائٹ کے موبائل ورژن کو بند کرنے کے لیے بس ڈویلپر ٹولز ونڈو کو بند کر دیں۔
ونڈوز پی سی پر کروم میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
اگر آپ کروم میں ونڈوز پی سی پر کسی ویب سائٹ کا موبائل ورژن دیکھنا چاہتے ہیں تو یہ بالکل اسی طرح کا عمل ہے:
- کروم براؤزر کھولیں۔
- کروم میں، اس ویب سائٹ پر جائیں جسے آپ موبائل ورژن میں دیکھنا چاہتے ہیں۔
- ویب پیج پر دائیں کلک کریں اور مینو سے معائنہ کو منتخب کریں۔
- Developer Tools پر جانے کے لیے More Tools کے ٹیب پر کلک کریں اور Developer Tools کو منتخب کریں یا DevTools کو کھولنے کے لیے F12 دبائیں۔
- ڈویلپر ٹولز ونڈو کھل جائے گی۔
- موبائل سائٹ ویو موڈ پر سوئچ کرنے کے لیے ڈیوائس ٹوگل آئیکن پر کلک کریں۔
- وہ موبائل ڈیوائس منتخب کریں جس کی آپ تقلید کرنا چاہتے ہیں (اختیاری)۔
- اب آپ اپنی ضروریات کے مطابق اسکرین کے طول و عرض میں ترمیم کر سکتے ہیں۔
Chromebook پر کروم میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
Chromebook کا استعمال کرتے ہوئے کروم میں ویب سائٹ کے موبائل ورژن تک رسائی پہلے دو طریقوں سے بہت ملتی جلتی ہے۔
- گوگل کروم ویب براؤزر کھولیں۔
- وہ ویب صفحہ کھولیں جس تک آپ اپنے موبائل ڈیوائس پر رسائی حاصل کرنا چاہتے ہیں۔
- مینو تک رسائی کے لیے، عمودی تین نقطوں کے آئیکن پر کلک کریں۔
- فہرست میں مزید ٹولز آئٹم پر اپنے ماؤس کو گھسیٹیں۔
- ڈویلپر ٹولز کو منتخب کریں۔
- براؤزر میں ڈویلپر ٹولز ونڈو کھل جائے گی۔
- ڈیوائس ٹوگل آئیکن پر کلک کرکے موبائل سائٹ ویو موڈ کو ٹوگل کریں۔
اس سے موبائل سائٹ کے لیے یوزر انٹرفیس سامنے آئے گا۔ آپ ڈراپ ڈاؤن باکس سے میک اور ماڈل کو منتخب کر کے پسندیدہ ڈیوائس کا تجربہ بھی لے سکتے ہیں۔ جب بھی آپ ڈویلپر ٹولز کنسول کو بند کریں گے تو ویب صفحہ ڈیسک ٹاپ سائٹ کے طور پر تازہ ہوجائے گا۔
میک پر فائر فاکس میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
آپ میک ڈیسک ٹاپ پر موبائل سائٹ دیکھنے کے لیے فائر فاکس جیسے دوسرے ویب براؤزرز کا استعمال کر سکتے ہیں۔ براؤزر ونڈو کا سائز تبدیل کرنا ان طریقوں میں سے ایک ہے جسے زیادہ تر ویب ڈویلپر جوابی ڈیزائن کی ویب سائٹ کا جائزہ لینے کے لیے استعمال کرتے ہیں۔ تاہم، زیادہ تر وقت، یہ متبادل قابل قبول نہیں ہوگا۔
یہی وہ جگہ ہے جہاں فائر فاکس براؤزر کی ویب ڈویلپمنٹ کی صلاحیتیں کام آتی ہیں۔ اگر آپ جانتے ہیں کہ Firefox میں ویب سائٹس کے موبائل ورژن تک رسائی حاصل کرنا ہے تو آپ اپنے ویب صفحات کو متعدد ریزولوشنز میں براؤز کر سکتے ہیں۔ ان اقدامات پر عمل:
- آپ جس ویب سائٹ کو دیکھنا چاہتے ہیں اس کا موبائل ورژن کھولیں۔
- ویب پیج پر دائیں کلک کریں اور مینو سے معائنہ کا اختیار منتخب کریں۔
- ریسپانسیو ڈیزائن موڈ کا انتخاب کریں۔
- ویب سائٹ کی سکرین کا سائز منتخب کریں۔
ونڈوز پی سی پر فائر فاکس میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
ونڈوز پی سی کے پاس فائر فاکس کا استعمال کرتے ہوئے ویب سائٹس کے موبائل ورژن دیکھنے کا اختیار بھی ہے۔ ایسا کرنے کا طریقہ یہاں ہے:
- اپنے کمپیوٹر پر فائر فاکس شروع کریں۔
- اس ویب سائٹ پر جائیں جسے آپ موبائل ورژن کے طور پر دیکھنا چاہتے ہیں۔
- افقی تھری بار آئیکن پر کلک کرکے سیٹنگز پر جائیں۔
- آپ کو ایک ڈراپ ڈاؤن مینو نظر آئے گا جہاں آپ کو ویب ڈویلپر کا اختیار منتخب کرنا ہوگا۔
- ریسپانسیو ڈیزائن موڈ کو منتخب کریں۔
- آخر میں، آپ یہ دیکھنے کے لیے اسمارٹ فون کا ماڈل منتخب کر سکتے ہیں کہ آپ کی سائٹ اس ڈیوائس پر کیسے ظاہر ہوگی۔
میک پر سفاری میں ویب سائٹ کا موبائل ورژن کیسے دیکھیں
ہم نے کروم اور فائر فاکس کا استعمال کرتے ہوئے ڈیسک ٹاپ پر موبائل ویب سائٹ کو دیکھنے کا طریقہ بتایا ہے۔ لیکن پہلے سے طے شدہ براؤزر کا کیا ہوگا جو میک ڈیوائسز، سفاری کے ساتھ آتا ہے؟ خوش قسمتی سے، سفاری میں بھی کسی ویب سائٹ کا موبائل ورژن دیکھنا ممکن ہے۔
- سفاری براؤزر لانچ کریں۔
- اس ویب سائٹ پر جائیں جسے آپ موبائل ورژن کے طور پر دیکھنا چاہتے ہیں۔
- اختیارات پر کلک کریں اور پھر ڈویلپ مینو پر۔
- ڈراپ ڈاؤن مینو سے، Enter Responsive Design Mode کا انتخاب کریں۔
- اب آپ ویب سائٹ کا موبائل ورژن دیکھ سکتے ہیں۔
اضافی سوالات
کیا میں اپنے فون پر کسی ویب سائٹ کا ڈیسک ٹاپ ورژن دیکھ سکتا ہوں؟
جواب ہے ہاں! آپ کمپیوٹر استعمال کیے بغیر اسے چیک کرنے کے لیے موبائل ورژن سے ڈیسک ٹاپ ورژن پر سوئچ کر سکتے ہیں۔ کروم میں موبائل ورژن کو ڈیسک ٹاپ ورژن میں منتقل کرنے کے اقدامات درج ذیل ہیں:
1. اس ویب سائٹ پر جائیں جسے آپ ڈیسک ٹاپ ویو میں دیکھنا چاہتے ہیں۔
2. مینو تک رسائی کے لیے تھری ڈاٹ آئیکن پر ٹیپ کریں۔
3. اب ڈیسک ٹاپ ویو آپشن کو منتخب کریں۔
ذہن میں رکھیں کہ آپ جو فون استعمال کر رہے ہیں اس کے لحاظ سے یہ اقدامات مختلف ہو سکتے ہیں۔
کس طرح چیک کرنے کے ل someone کہ کسی کے چکنے پر کتنے صارفین ہیں
موبائل ویب ڈیزائننگ کو آسان بنانا
ڈویلپر ٹولز ڈیسک ٹاپ پر کسی ویب سائٹ کے موبائل ورژن کا تجزیہ کرنے اور آلات کو تبدیل کیے بغیر اس میں ترمیم کرنے کے لیے بہترین ہیں۔ مختلف آلات پر اجزاء کیسے کام کرتے ہیں اس کا مشاہدہ کرنے کے لیے آپ اسکرین کا سائز تبدیل کر سکتے ہیں۔ آپ مختلف اجزاء کو ایڈجسٹ کر سکتے ہیں اور ریسپانسیو موڈ کا استعمال کرتے ہوئے ایک سے زیادہ سکرین سائز کے لیے ویب سائٹ بنا سکتے ہیں۔
ویب سائٹ ڈیزائن کرتے وقت، ڈیزائنر کو ہمیشہ اس بات کو ذہن میں رکھنا چاہیے کہ فون، ٹیبلیٹ اور ڈیسک ٹاپس پر سائٹ کا اگلا حصہ کس طرح ظاہر ہوتا ہے۔ مضمون میں بیان کردہ طریقوں کو استعمال کرنے سے ڈویلپر کو ایسا کرنے میں مدد مل سکتی ہے اور یہ بھی شناخت کرنے میں کہ ویب سائٹ کے کون سے اجزاء ان کو حل کرنے کے لیے مسائل پیدا کر رہے ہیں۔
کیا آپ نے کبھی اپنے ڈیسک ٹاپ پر کسی سائٹ کا موبائل ورژن دیکھنے کی کوشش کی ہے؟ ایسا کرنے کے لیے آپ کون سا براؤزر استعمال کرنا پسند کرتے ہیں؟ ہمیں نیچے تبصرے کے سیکشن میں بتائیں۔
