بستن منو
۲۱
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
4
کار با کنترل پنل وب سایت
کار با کنترل پنل وب سایت
1
معرفی سایت های مفید در زمینه طراحی وب سایت
معرفی سایت های مفید در زمینه طراحی وب سایت
1
یافتن کد رنگ ها برای طراحی وب سایت
یافتن کد رنگ ها برای طراحی وب سایت
2
نرم افزار FileZilla
نرم افزار FileZilla
1
فایل htaccess. ، در طراحی وب سایت
فایل htaccess. ، در طراحی وب سایت
4
ارسال ایمیل، در طراحی وب سایت
ارسال ایمیل، در طراحی وب سایت
1
مباحث عمومی، در طراحی وب سایت
مباحث عمومی، در طراحی وب سایت
4
اطلاعات غیرتکنیکی، در طراحی وب سایت
اطلاعات غیرتکنیکی، در طراحی وب سایت
1

3498

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

برطرف کردن مشکل وجود cache از فایل های css و js در مرورگر اینترنت، هنگامی که تغییراتی در آنها اعمال کرده ایم و می خواهیم فایل های جدید توسط مرورگر اینترنت دریافت شوند

همان طور که می دانید، مرورگرهای اینترنت، فایل های css و js را cache می کنند تا سرعت بارگذاری صفحات یک سایت بیشتر شود و نیازی به دریافت چندین باره فایل ها تکراری و ارجاع داده شده در تمام صفحات سایت، نباشد. اگرچه این عملکرد مرورگرهای اینترنت به بارگذاری سریعتر صفحات سایت ما کمک می کند، اما چنانچه ما تغییراتی را در این فایل ها اعمال کنیم، به دلیل اینکه مرورگر اینترنت، فایل های جدید را دریافت نمی کند و از فایل های cache شده استفاده می نماید، بنابراین کاربر سایت ما را آنگونه که باید (با تغییرات جدید) مشاهده نخواهد کرد و این موضوع باعث می شود که گاهی در صفحه ای که کاربر مشاهده می کند، برخی تغییرات جدید اعمال شده باشد و برخی تغییرات، به دلیل مشکل ذکر شده، اعمال نشوند و کاربر صفحه را به شکل نامناسبی مشاهده نماید.

برای برطرف کردن این مشکل، راه حل های مختلفی وجود دارد. اگر خود ما کاربر مشاهده کننده بودیم، می توانستیم با زدن دکمه refresh مرورگر اینترنت و یا با زدن همزمان دکمه های Ctrl و F5 از کیبورد، مرورگر اینترنت را مجبور کنیم که کلیه فایل های جدید را از سایتی که مشاهده می کنیم، دریافت نماید. اما اکنون که خود صاحب سایت هستیم، گزینه های مختلفی برای اجبار مرورگر اینترنت برای بارگذاری جدیدترین فایل های css و js داریم. در ادامه یکی از ساده ترین راه حل های رایج را شرح می دهیم.

مرورگر اینترنت، بر اساس آدرس URL فایل های css و js ، آنها را cache می کند. یعنی اگر آدرس فایل، جدید باشد، آنگاه آن را به عنوان یک فایل جدید در نظر می گیرد (اما اگر تکراری باشد و قبلا cache شده باشد، از فایل cache شده استفاده می کند). بنابراین، با تغییر آدرس URL فایل های css و js می توانیم آنها را به عنوان فایل های جدید به مرورگر اینترنت معرفی نماییم تا عملا فایل های قبلی cache شده توسط مرورگر اینترنت، دیگر استفاده نشوند.

اما نکته مهمی که در این زمینه وجود دارد این است که یک برنامه نویس، به محض خواندن راه حل فوق، مراحلی مثل انتخاب نام جدید برای فایل، درج نام جدید در کدها و حذف فایل قبلی قرار گرفته در هاست به ذهنش می رسد، یعنی نامگذاری فایل ها به شکل زیر (برای نسخه های مختلف فایل در طول زمان) :


script_1.0.css // This is the URL for release 1.0
script_1.1.css // This is the URL for release 1.1
script_1.2.css // etc.

اگرچه روش بالا صحیح است، اما می توان به شکل راحت تری هم آدرس URL فایل را تغییر داد، به گونه ای که نیازی به تغییر نام خود فایل نباشد و تنها کد مربوط به ارجاع به فایل را تغییر بدهیم :


script.css?v=1.0 // This is the URL for release 1.0
script.css?v=1.1 // This is the URL for release 1.1
script.css?v=1.2 // etc.

مشاهده می کنید که تنها با انتخاب مقادیر متفاوت برای یک متغیر با نام v (از ابتدای کلمه version گرفته شده)، آدرس URL فایل را تغییر داده ایم و بنابراین، مرورگر اینترنت، دوباره فایل را دریافت خواهد کرد.

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو
بستن منو
۴۴
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی مبانی طراحی وب سایت واکنش گرا (Responsive) برای مبتدیان - مجموعه Foundation for Responsive Web Design for Beginners - از thenewboston.com
مجموعه ویدئوهای آموزشی مبانی طراحی وب سایت واکنش گرا (Responsive) برای مبتدیان - مجموعه Foundation for Responsive Web Design for Beginners - از thenewboston.com
10
مجموعه ویدئوهای آموزشی طراحی وب سایت واکنش گرا (Responsive) - مجموعه Responsive Web Design - از thenewboston.com
مجموعه ویدئوهای آموزشی طراحی وب سایت واکنش گرا (Responsive) - مجموعه Responsive Web Design - از thenewboston.com
10
مجموعه ویدئوهای آموزشی لایه بندی وب سایت - مجموعه How to Layout a Website
مجموعه ویدئوهای آموزشی لایه بندی وب سایت - مجموعه How to Layout a Website
5
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorials (SOAP and RESTful Web Services)
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorials (SOAP and RESTful Web Services)
13
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorial
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorial
6
بستن منو
۱۰۴
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
مباحث اولیه برای آشنایی با HTML
24
نمایش متن (Text)، در HTML
نمایش متن (Text)، در HTML
16
نمایش عکس (Image)، در HTML
نمایش عکس (Image)، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
2
فهرست ها (لیست ها - List)، در HTML
فهرست ها (لیست ها - List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
7
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
21
کلاس های (Class) عنصرها، در HTML
کلاس های (Class) عنصرها، در HTML
1
id عنصرها، در HTML
id عنصرها، در HTML
0
چیدمان عنصرها (Element) در کنار هم، در HTML
چیدمان عنصرها (Element) در کنار هم، در HTML
2
تعیین مشخصات کلی صفحه (Page)، در HTML
تعیین مشخصات کلی صفحه (Page)، در HTML
7
ساختار کلی و بخش بندی صفحه (Page)، در HTML
ساختار کلی و بخش بندی صفحه (Page)، در HTML
2
نمایش یا عدم نمایش عنصرها (Element)، در HTML
نمایش یا عدم نمایش عنصرها (Element)، در HTML
1
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
رنگ ها (Color) و تعیین رنگ، در HTML
رنگ ها (Color) و تعیین رنگ، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
اطلاعات و پردازش اطلاعات، در HTML
اطلاعات و پردازش اطلاعات، در HTML
1
مباحث عمومی، در HTML
مباحث عمومی، در HTML
6
بستن منو
۷۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
مباحث اولیه برای آشنایی با CSS
7
نمایش متن، در CSS
نمایش متن، در CSS
16
ساخت حاشیه (border)، در CSS
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
عکس ها، در CSS
7
انتخابگرها (Selector) (انتخاب عنصرهای صفحه)، در CSS
انتخابگرها (Selector) (انتخاب عنصرهای صفحه)، در CSS
6
اندازه عنصرها، در CSS
اندازه عنصرها، در CSS
1
موقعیت عنصرها، در CSS
موقعیت عنصرها، در CSS
3
تغییر شکل عنصرها، در CSS
تغییر شکل عنصرها، در CSS
4
عدم نمایش عنصرها، در CSS
عدم نمایش عنصرها، در CSS
2
ساخت انیمیشن، در CSS
ساخت انیمیشن، در CSS
6
لینک ها (Link)، در CSS
لینک ها (Link)، در CSS
6
رنگ ها (Color) و تعیین رنگ، در CSS
رنگ ها (Color) و تعیین رنگ، در CSS
2
فهرست ها (لیست ها - List)، در CSS
فهرست ها (لیست ها - List)، در CSS
2
جدول ها (Table)، در CSS
جدول ها (Table)، در CSS
2
فرم ها (Form)، در CSS
فرم ها (Form)، در CSS
2
دکمه ها (Button)، در CSS
دکمه ها (Button)، در CSS
2
صفحه نمایش (Screen)، در CSS
صفحه نمایش (Screen)، در CSS
0
مباحث عمومی، در CSS
مباحث عمومی، در CSS
5