کد جاوااسکریپت انتقال ابزار موبایل به آدرس مخصوص

دسته بندی: جاوا اسکریپت
زمان مطالعه: 2 دقیقه
۱۴ اردیبهشت ۱۳۹۲

اگر با موبایلتون تاکنون به اینترنت متصل شده باشید حتما دیدید که با مراجعه به بعضی سایت‌ها بلافاصله به آدرس مخصوص موبایل اون سایت هدایت میشید که یک ورژن ساده‌تر و سبکتر از سایت رو به شما ارائه میده .

کدی که امروز برای شما در اینجا قرار می‌دیم راه حل redirect کردن ابزار موبایل به ورژن مخصوص خودشون رو نشون میده .

نکته :

در کدها و مثال‌های  زیر فرض کردیم که آدرس ورژن موبایل سایت شما m.domain.com هست و ابزار موبایل به اون ریدایرکت میشن . شما می‌تونید این آدرس رو به دلخواه خودتون عوض کنید .

فهرست محتوای این مقاله

ریدایرکت کردن ابزار موبایل به آدرس خاص با توجه به ابعاد صفحه نمایش آن ها

با توجه به اینکه رزولوشن و عرض صفحه نمایش موبایل‌ها نسبت به مانیتورها پایین‌تر هست می‌تونید تعیین کنید که اگر عرض صفحه نمایش از یک مقدار خاصی کمتر بود در اون ابزار (موبایل) به آدرس خاصی منتقل بشه . کافیه از این کد در صفحه وبتون استفاده کنید :

<script type="text/javascript">
if (screen.width < 790) {
document.location = "http://m.domain.com/";
}
</script>

در کد فوق گفتیم که اگر عرض نمایشگر ابزاری که باهاش وبسایت شما دیده میشه کوچکتر از 790 پیکسل بود به آدرس m.domain.com منتقل بشه .

ریدایرکت کردن آیفون/آیپاد به آدرس خاص

اگر دوست دارید کسانی که با تلفن‌های کمپانی اپل و یا با ایپاد سایتتون رو می‌بینند به آدرس خاص خودشون منتقل بشن می‌تونید از کد زیر استفاده کنید :

<script language=javascript>
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("http://m.domain.com/");
}
</script>

ریدایرکت کردن موبایل‌ها و تلفن‌های هوشمند با توجه به برند و سیستم عامل

با استفاده از کد زیر هم ابزار موبایلی که در خط دوم کد اسمشون ذکر شده رو ریدایرکت می‌کنید . می‌تونید هر کدوم رو نخواستید ریدایرکت بشه از خط دوم حذف کنید :

<script type="text/javascript">
var mobile = (/iphone | ipad | ipod | android | blackberry | mini | windowssce | palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
document.location = "http://m.domain.com/";
}
</script>
چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

Aboalfazl Tk

سلام و تشکر از تیم خوب سون لرن
بنده صفحه اصلی سایتم با تمام دستگاه ها سازگار طراحی شده (تحت اسلایدر رولوشن) ولی در صفحات فرعی در دستگاه هایی که کمتر از (1026*480)بنر سایت زیر هدر قرار می گیرد!

1- چگونه میتوانم مشکل را حل کنم؟(تحت ورد پرس)
2- لازم به ریدایرکت کردن است؟
3- چگونه در این کد صفحات خاص سایتم را می توانم ریدایرکت کنم؟
4- بالا اشاره داشتید قبل از اینکه تگheadبسته شود کد را وارد کنیم، لطف می کنید بفرمایید چگونه تشخیص دهم تگ بسته می شود؟
5- چگونه این این ابعاد (1026*480) را به پیکسل تبدیل کنم؟(فرمول دارد؟)

صفحه اصلی سایتم: http://ghadirsarbedar.ir/
یکی از صفحات فرعی: http://ghadirsarbedar.ir/ladies/

فراناز دات کام

سلام.ببخشید این وب سایت منه http://www.faranaz.com/.ورد پرس هم هست.تو کدوم فایل از سی پنل باید این کد رو قرار بدم.تو این فایل باید قرار بدم آیا header.php؟؟؟؟؟؟؟؟؟؟؟

لقمان آوند

سلام
توی فایل header.php می تونید بزارید .

رضا

با سلام
بنده قالب وردپرس استفاده می کنم میشه بفرمایید این کد رو دقیقا کجا و داخل کدوم فایل قرار بدم لطفا در صورت امکان ایمیل بدید.
با سپاس

وحید صالحی

سلام در قسمت head قالب قبل از بشته شدن تگ head…

سرچ مزیک بلورد

عالی

lliililli Alireza lliililli

عالیه!

ali

یعنی هیچ جوری نمیشه من زیاد با کد های بلاگفا کار نکردم و آشنایی ندارم
نمیتونه کسی این طوری اون لینک بالا رو بسازه؟
youmusic.blogfa.com/m/

یا شبیه این ❗
من هر کاری کردم نتونستم اون لینک رو بسازم
لطفا اگه کسی میتونه یه راهنمایی کنه

وحید صالحی

دوست عزیز سوالتون رو در انجمن مطرح کنید…

کیوان علی محمدی

ای بابا هیچ نظری نیست که جواب بدیم،حالا چیکار کنیم؟؟؟ 🙂

ali

لطفا برای ارسال خود کار وبلاگ به این پیج ها هم توضیح بدید
ممنون میشم طلفاً 🙄

رضا

میفرمودی که این کد را در کجای سایت قرار دهیم؟

لقمان آوند

بزارید درون تگ بادی ..

تارا

ممنون بابت مطالب خوب و کارآمدی که ارائه میدهید.

sasha201059

ممنون
خدا ازتون راضی باشه
😉 😉 😛

علیرضا اسمعیل زاد

با عرض سلام.دیدم این موضوع،موضوعی نیست که به خاطرش یه تایپکش ایجد کنم.راستش من php storm رو نصب کردم.اما وقتی میخواد باز بیش از حد زمان میبره و کند باز میشه.میخاستم ببینم مشکل از کجاست یا اگه ممکنه یه ویرایش گر جدید که به سرعت باز بشه و امکانات خبی داشته باشه بهم معرفی کنید؟

لقمان آوند

خوب php storm برنامه ی سنگینی هست و باید سخت افزار خوبی داشته باشی . dreamweaver رو تست کن …

محمد

سلام
میشه به خاطر خدا با ما تبادل بنر کنید؟

لقمان آوند

سلام دوست عزیز
عذرخواهی می کنم ، ما تبادل بنر با کسی نداریم .

میثم

آموزش خوبی بود ممنون

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :