د سکرین ریزولوشن سمیلیټر د هرې ویب پاڼې مخکتنه
د هرې سکرین سره سمون لپاره د ویب پاڼې ژوندۍ مخکتنه تنظیم کړئ.
یو مشهور وسیله غوره کړئ، اورینټیشن فلپ کړئ، یا دقیق پکسل اندازه ډایل کړئ. موږ به ستاسو د انتخاب سره سم د سینڈ باکس کړکۍ پرانیزو ترڅو تاسو وکولی شئ په ځواب ورکوونکي ترتیبونو کې ګړندي تکرار کړئ.
د سمولیشن لنډیز
- د لید پورټ پلنوالی
- د لید ځای لوړوالی
- د اړخ نسبت
- مخکې ټاکل شوی
د ویوپورټ اندازه شوې مخکتنه
بصري چوکاټ ستاسو د اړخ تناسب منعکس کوي. د مخکتنې کړکۍ پیل کړئ ترڅو په دې اندازه کې د ژوندۍ سایټ سره تعامل وکړئ.
د کاپي کولو لپاره چمتو CSS مرستندویان
د ځواب ویونکي ډیزاین چک لیست
- د دې وسیلې سره د خپل براوزر devtools سره یوځای کولو سره د وقفې نقطې تایید کړئ — د دوامداره QA لپاره ورته پکسل پلنوالی په نښه کړئ.
- د موبایل ترتیبونو لپاره دواړه لارښوونې ازموینه وکړئ؛ سمولیټر سمدلاسه پلنوالی او لوړوالی بدلوي.
- د پاپ اپ کړکۍ څخه سکرین شاټونه واخلئ ترڅو د برخه اخیستونکو لپاره د UI حالتونه مستند کړئ یا یادښتونه خپور کړئ.
د محتوياتو جدول
وګورئ چې یوه پاڼه په موبایلونو، ټابلیټونو، لپټاپونو او الټرا واید مانیټرونو کې څنګه ښکاری. د سکرین ریزولوشن سیمولیټر د چټک او تطبیقېدونکی ازموینې وسیله ده. دا د viewports د چک کولو لپاره هم ښه کار کوی. یو URL پیسټ کړئ، اندازه وټاکئ، او سمدلاسه د یوه باوری ویب پاڼې مخکتنې وسیله سره مخکتنه وکړئ.
هره پاڼه په مختلفو اندازو کې وګوره
خپل ټیم ته د پیل مخکې د ترتیبونو د تایید لپاره چټک لاره ورکړئ. تاسو کولی شئ URL پیسټ کړئ، پریسیټ انتخاب کړئ، یا ځانګړی اندازې داخل کړئ. دا مرسته کوی چې ویب پاڼه په مختلفو اندازو کې وازمویئ. تاسو کولی شئ ستونزې ژر پیدا کړئ، پرته له دې چې د وسیلې لابراتوار یا پراختیاکوونکی وسایلو ته اړتیا ولرئ.
URL داخل کړئ ترڅو پیل وکړئ
ژوندۍ، سټېجینګ، یا شریکه لینک وکاروئ. په دې توګه، فونټونه، سکریپټونه، تحلیلونه، او منځپانګه به بالکل هماغسې ښکاره شی لکه څنګه چې کاروونکی یې وینی. دا هم د موبایل مخکتنې او هم د ډیسټاپ چک لپاره مهم دی.
د مخکې ټاکل شوی یا د ځانګړو ابعادو بدن انتخاب کړئ
د عامو موبایل، ټابلیټ، او ډیسټاپ اندازو ترمنځ بدلون وکړئ. تاسو کولی شئ ځانګړی پلنوالی او لوړوالی هم داخل کړئ ترڅو د ډیزاین مشخصاتو او ډیټا استثنا سره برابر شی. دا د پکسل-مهمو پاڼو لپاره د ویب پاڼې اندازه ازموینه هم کوی.
پورټریټ یا افقی حالت وګرځوئ او په نوی ټب کې خلاص کړئ
د ټابلیټ او موبایل څنډې قضیې ښکاره کولو لپاره جهت واړوئ. په نوی ټب کې مخکتنه خلاصه کړئ ترڅو سکرین شاټونه شریک کړئ او ژر لاسلیک ترلاسه کړئ.
ولې د سکرین ریزولوشن سیمولیټر وکاروو
کلیدی محتوا د فولډ څخه پورته وساتئ
ډاډ ترلاسه کړئ چې هیرو، سرلیک، او اصلی CTA په کوچنیو پلنونو لکه 390 څخه تر 414 پیکسل پورې ښکاره پاتې شی. که مهمې کړنې پټ کړئ، کولای شئ فاصله بدله کړئ، متن لنډ کړئ، یا برخې د پیل مخکې بدل کړئ.
نیویګیشن، ګریډونه، او فورمونه تایید کړئ
د هامبرګر مینو، چپچپ سرلیکونه، او د کینوس څخه بهر پینلونه د فشار ازموینه. د کارتونو ګریډونه وګورئ چې د ترتیب بدلونونه مو مناسب وی او ډاډ ترلاسه کړئ چې فورمونه په ټچ سکرین لوستل او ټپ کېدای شی.
د توغولو مخکې ځواب ورکوونکی بریک پواینټونه تایید کړئ
عام پلنوالی وګورئ چې برخې چیرته بدلیږی. که دا په 360 او 414 پاتې شی خو په 390 مات شی، نو یو breakpoint اضافه کړه. تاسو کولی شئ د mini او max پلنوالی هم تنظیم کړئ ترڅو ډیزاین ښه کار وکړی.
د سکرین ریزولوشن سیمولیټر څنګه کار کوی
مشهور موبایل، ټابلیټ او ډیسټاپ پریسیټونه
اکثره سناریوګانې ژر پوښښ کړئ د go-to-widths سره
320, 360, 390, 414, 768, 1024, 1280, 1440, 1920, 2560, 3840
د پکسل پرفیکټ دودیز پلنوالی د لوړوالی له مخې
د لینډینګ پجو، ډشبورډونه، او اپلیکیشن ته ورته ترتیبونو لپاره دقیق ابعاد داخل کړئ. کله چې دقیق ډیسټاپ ریزولوشن ټیسټر ته اړتیا لرې، مناسب دی.
لید د پردې د حل په مقابل کې
viewport هغه سیمه ده چې په CSS کې د مختلفو وسایلو بڼه کنټرولوی. د سکرین ریزولوشن د وسیلې د پکسل ګریډ ته اشاره کوی. حل لاره د پس منظر په توګه وګڼه. لومړی د لیدنې کړکۍ ته پام وکړه.
څنګه د سکرین ریزولوشن سیمولیټر وکاروو
URL پیسټ کړئ، بیا Pick Size، بیا Preview
. له کوچنی څخه لوی ته کار وکړه. موبایل څخه ټابلیټ ته ډیسټاپ ته لوی ډیسټاپ ته. دا لړۍ د فشار ټکی ژر ښکاره کوی او بیا کار کموی.
د ځایی ستونزو او د نیولو سکرین شاټ
سکین سرلیک، اتل، اصلی CTA، د محصول کارتونه، فورمونه، او فوټر. د ستونزو پراخوالی لکه د مینو ریپ په 390 پیکسل کې ثبت کړئ او لنډ یادښتونه اضافه کړئ چې ژر حل شی.
د نرم ترتیبونو لپاره مسلکی مشورې
• د مینو لیبلونه لنډ وساتئ او اصلی عمل ته لومړیتوب ورکړئ.
• د یتیمانونو د مخنیوی لپاره انعطاف منونکی جالونه وکاروئ چې معقول تشې ولری
• د رسنیو کانتینرونه تعریف کړئ او ځواب ورکوونکی انځورونه وکاروئ ترڅو د ترتیب بدلون مخه ونیول شی
د سکرین ریزولوشن سمولیټر اصلاحات او چټکې بریاوې
د مینو همغږی او sticky headers اصلاح کړئ
لیبلونه لنډول، ثانوی لینکونه اوورفلو ته انتقالول، پیډینګ کم کول، او د سټیکی آفسټونو تایید کول ترڅو منځپانګه پټه نه وی.
د ټابلیټ په پلنوالی کې د کارت پوښښ ښه کول
شاوخوا 768 څخه تر 1024 پیکسونو پورې دوه ثابت کالمونه ته بدلیږی چې د اټکل وړ تشې لری. نږدې درې ستنې چې زړې تاو ته اړ باسی ځان وساته.
روښانه انځورونه د ځواب ورکوونکو سرچینو سره
غبرګون ښودونکی انځورونه لکه srcset او اندازې وړاندې کړئ، او د کانتینر اندازې تعریف. تاسو د موبایل او ډیسټاپ دواړو لپاره روښانه بصری انځورونه ترلاسه کوئ، پداسې حال کې چې ترتیب ثابت ساتی.
د دې وسیلو سره نور هم ښه کړه
Google SERP Simulator: د خپرولو مخکې عنوان او میټا وګورئ.
Spider Simulator: پیدا کړئ چې کرالران څه شی په خپل پاڼه کې ثبتوی
Open Graph Check: د شریکولو سرلیک، تشریح، او انځور تایید کړئ.
د User Agent String Viewer: کشف شوی براوزر او وسیلې تفصیلات تایید کړئ.
د سکرین ریزولوشن بدلول: خپل سکرین ډیسپلې د ډیمو یا سکرین شاټونو لپاره بدل کړئ.
Controller Vibration Tester: په براوزر کې د ګیم پیډ کشف او rumble تایید کړئ.
د API اسناد ډیر ژر راځي
Documentation for this tool is being prepared. Please check back later or visit our full API documentation.
پوښتل شوې پوښتنې
-
دا د ترتیب چکونه ګړندی کوی او تر ټولو ځواب ورکونکی ستونزې نیسی. د هارډویر ځانګړتیاوو لکه د سکرول چلند، رینډرینګ، او انپټ لپاره، په هدف وسایلو او براوزرونو کې ځای پر ځای چک وکړئ.
-
هو. دقیق پلنوالی او لوړوالی داخل کړئ چې ستاسو د ډیزاین سیسټم یا تحلیلی استثناوو سره برابر وی. د تاوېدو حساس لینډینګ پاڼو لپاره عالی.
-
ترتیب په عمده توګه د عرض پورې اړه لری، خو کثافت د انځور شارپنس او ځینو میډیا پوښتنو باندې هم اغیزه کوی. دا په یوه کثیف پلنوالی او یو معیاری پلنوالی کې وګوره چې ډاډ ترلاسه شی چې لید یې یو شان دی.