เชียงรายโฟกัสดอทคอม สังคมออนไลน์ของคนเชียงราย ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
วันที่ 29 มีนาคม 2024, 14:48:16
หน้าแรก ช่วยเหลือ เข้าสู่ระบบ สมัครสมาชิก



  • ข้อมูลหลักเว็บไซต์
  • เชียงรายวันนี้
  • ท่องเที่ยว-โพสรูป
  • ตลาดซื้อขายสินค้า
  • ธุรกิจบริการ
  • บอร์ดกลุ่มชมรม
  • อัพเดทกระทู้ล่าสุด
  • อื่นๆ

ประกาศ !! กรุณาอ่านเพื่อทำความเข้าใจ : https://forums.chiangraifocus.com/index.php?topic=1025412.0

+  เว็บบอร์ด เชียงรายโฟกัสดอทคอม สังคมออนไลน์ของคนเชียงราย
|-+  ศูนย์กลางข้อมูลเชียงราย
| |-+  คุยเรื่องไอที - เทคโนโลยี (ผู้ดูแล: K€nGja1, chiohoh, nuifish, NOtis)
| | |-+  [มุมโปรแกรมเมอร์] แก้ปัญหาเวลาอัพ JavaScript, CSS ขึ้นโฮสต์แล้วต้องกด CTRL + F5
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
« หน้าที่แล้ว ต่อไป »
หน้า: [1] พิมพ์
ผู้เขียน [มุมโปรแกรมเมอร์] แก้ปัญหาเวลาอัพ JavaScript, CSS ขึ้นโฮสต์แล้วต้องกด CTRL + F5  (อ่าน 816 ครั้ง)
{Cyberman}
To Be Developer
มัธยม
**
ออฟไลน์ ออฟไลน์

กระทู้: 504


โปรแกรมเมอร์เชียงราย


« เมื่อ: วันที่ 04 มีนาคม 2018, 08:26:42 »



แน่นอนว่าผู้ใช้งานจะไม่ปลื้มอย่างแน่นอน
ก็เลยไปหาวิธีมา ซึ่งได้วิธีการมาคือ ให้เปลี่ยนเลขเวอร์ชั่นรันไปเรื่อยๆ

โค๊ด:
<?php
$ver 
'001';//เวลาเปลี่ยนเวอร์ชั่นให้รันไปเรื่อยๆเมื่ออัพเดต
?>

เวลาเรียกใช้ไฟล์ให้แทรกเวอร์ชั่นไปด้วย
โค๊ด:
<script src="assets/js/utilities.js?v=<?php echo $ver;?>"></script>


แต่!! ไฟล์ไม่ได้มีไฟล์เดียวนี่นา
โค๊ด:
<script src="assets/js/utilities.js?v=<?php echo $ver;?>"></script>
<script src="assets/js/main.js?v=<?php echo $ver;?>"></script>
<script src="assets/js/home.js?v=<?php echo $ver;?>"></script>
<script src="assets/js/order.js?v=<?php echo $ver;?>"></script>


มันก็ต้องโหลดใหม่ทุกไฟล์ ก็เสียเวลาอยู่นา -_____-;


และอีกอย่าง เราก็ต้องคอยเปลี่ยน $ver = '001'; ให้เป็นเลยใหม่ทุกครั้ง

และแล้วก็ได้เจอบทความจาก Designil แนะนำให้ใช้ filemtime() ช่วยให้ง่ายขึ้น

โค๊ด:
<script src="assets/js/order.js?v=<?php echo filemtime('assets/js/order.js');?>"></script>


แล้วถ้าใช้กับ CodeIgniter ล่ะ!!
ก็อ้างอิงถึงไฟล์เหมือนตอนเราอัพโหลดไฟล์นั่นแหละครับ

โค๊ด:
<script src="<?php echo base_url('/assets/js/utilities.js?v=' filemtime('./assets/js/utilities.js'));?>"></script>
ผลลัพธ์

โค๊ด:
<script src="http://localhost/project/soap_station/assets/js/utilities.js?v=1519454454"></script>


ทีนี้ไฟล์ไหนอัพเดตก็โหลดแค่ไฟล์นั้น แล้วก็ไม่ต้องมานั่นกด CTRL + F5 ให้รำคาญใจอีกต่อไป


ที่มา
http://phpcodemania.blogspot.com/2018/02/javascript-css-cache-update-ctrl-f5.html
http://www.thaicreate.com/community/cache-css-javascript-image-webpage.html
https://www.designil.com/css-versioning-technique-cache-auto-update.html
« แก้ไขครั้งสุดท้าย: วันที่ 28 มีนาคม 2018, 22:49:40 โดย {Cyberman} » IP : บันทึกการเข้า

หน้า: [1] พิมพ์ 
« หน้าที่แล้ว ต่อไป »
กระโดดไป:  


เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

 
เรื่องที่น่าสนใจ
 

ข้อความที่ท่านได้อ่านบนกระดานข่าวแห่งนี้ เกิดขึ้นจากการเขียนโดยสาธารณชน และตีพิมพ์แบบอัตโนมัติ ผู้ดูแลเว็บไซต์แห่งนี้ไม่จำเป็นต้องเห็นด้วย
และไม่รับผิดชอบต่อข้อความใดๆ ผู้อ่านจึงต้องใช้วิจารณญาณในการกลั่นกรองด้วยตัวเอง และถ้าท่านพบเห็นข้อความใดๆ ที่ขัดต่อกฎหมาย และศีลธรรม พาดพิง ละเมิดสิทธิบุคคอื่น ต้องการแจ้งลบ
กรุณาส่งลิงค์มาที่
เพื่อทีมงานจะได้ดำเนินการลบออกให้ทันที..."

Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2013, Simple Machines
www.chiangraifocus.com

Valid XHTML 1.0! Valid CSS!