گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/06/07 - 12:51
كد :7825

آموزش طراحی سایت برای موبایل با جی کوئری

در این مقاله نحوه کد نویسی برای افزایش سرعت بارگذاری صفحات در گوشی ها را مرور خواهیم کرد.

آموزش طراحی صفحات موبایل با جی کوئری

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

افزودن کتابخانه های موبایل جی کوئری به صفحات خود

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

  1. لینک کردن این کتابخانه از سایت اصلی
  2. لینک کردن آن در هاست خود .

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

اگر قصد اتصال به سرور های اصلی را دارید از کد های زیر استفاده کنید.

 

<head>

<!-- Include meta tag to ensure proper rendering and touch zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- Include the jQuery library -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

<!-- Include the jQuery Mobile library -->
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

مشاهده نتیجه

 

برای داشتن فایل های لازم برای استفاده در هاست خود آنها را از لینک دانلود جی کوئری موبایل دانلود کنید.

سپس از کد های زیر در صفحات خود استفاده کنید

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
</head>

یادتان باشد که شیوه کد نویسی بالا برای HTML5  است.

پیشنهاد میگردد که این فایل ها در پوشه خود صفحه وب قرار داشته باشند.

 

براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد

نظرات كاربران :