iPhone Safari: การล้างแคชดูเหมือนจะไม่เพียงพอ


1

ฉันกำลังพัฒนาเว็บไซต์มือถือและใช้ iPhone เพื่อทำการทดสอบ หนึ่งใน. jpgs ที่ใช้มีข้อผิดพลาดและแสดงเป็นรูปสี่เหลี่ยมผืนผ้าสีดำในเบราว์เซอร์ Safari ของ iPhone รหัสถูกเปลี่ยนแล้วและขณะนี้มีภาพ. png แทน ด้วยเหตุผลบางอย่างแม้หลังจากล้างแคชของ Safaris ภาพนั้นยังคงเป็นสีดำและฉันต้องการโทรศัพท์ใหม่ที่ไม่เคยเข้าชมเว็บไซต์มาก่อนเพื่อที่จะแสดงอย่างถูกต้อง

เหตุใดจึงเป็นเช่นนั้นและฉันจะแก้ไขได้อย่างไร

คำตอบ:


1

เสียงเหมือนบั๊ก / ฟีเจอร์ของ iPhone ที่จะทำการแคชรูปภาพบางรูป (และไม่เคลียร์ให้เหมาะสม)

การแก้ไขดูเหมือนว่าจะใส่หมายเลขแบบสุ่มในสายอักขระแบบสอบถามหลังรูปบนไซต์ของคุณ

เช่น picture1.png? 2011242424

กรอบงานเว็บบางอันจะทำสิ่งนี้โดยอัตโนมัติ (เช่นทางรถไฟ) มิฉะนั้นคุณสามารถทำได้ในภาพที่ได้รับผลกระทบและดูว่าแก้ไขได้หรือไม่


0

คุณสามารถลองเรียกดูรูปภาพรีเฟรชหน้านั้นซึ่งโดยปกติจะล้างแคชสำหรับรูปภาพ

อย่างไรก็ตามแนวปฏิบัติที่ดีที่สุดในการพัฒนาเว็บคือการปฏิบัติตามคำแนะนำของ @RobZolkos เกี่ยวกับการใส่สตริงตัวเลขหลังรูปภาพ src เมื่อคุณเปลี่ยนภาพคุณจะเปลี่ยนจำนวนซึ่งบังคับให้โหลดอีกครั้ง หัวข้อเล็กน้อย แต่ลองดูการเติมแคชของHTML5 Boilerplateซึ่งทำสิ่งนี้ให้คุณโดยอัตโนมัติในบิลด์สคริปต์


ปัญหาคือ Safari ไม่ได้สังเกตว่ามีการเปลี่ยนแปลงสตริง src ยังคงลงท้ายด้วย * .jpg แม้ว่าเซิร์ฟเวอร์จะส่งเป็น * .png
Lars

@ ลาร์สคุณได้ตรวจสอบว่ามันใช้งานได้บนเบราว์เซอร์เดสก์ท็อปหรือไม่? และคุณจะไปที่ URL เดียวกันทั้งหมดหรือไม่ หากคุณรู้ว่ามันทำงานบนเดสก์ท็อปส่งอีเมล URL ไปยัง iPhone ของคุณและคลิกที่ลิงค์ เพียงตรวจสอบอย่างชัดเจนเพราะมันฟังดูเหมือนปัญหาเซิร์ฟเวอร์แทนที่จะเป็น iPhone
Dan Blows

ใช่ฉันทำการตรวจสอบใน Firefox ด้วย User Agent Switcher และทำงานได้ดีที่นั่น URL นั้นเหมือนกันทุกประการ แต่บางทีมันอาจเป็น Drupal ที่ใช้สำหรับไซต์นั้น?
Lars

อ่าใช่ ... ไม่คิดอย่างนั้น ล้างแคชของ Drupal อาจเป็นได้ว่าคุณไม่ได้เข้าสู่ระบบใน Drupal ดังนั้นจึงแสดงหน้าเว็บในเวอร์ชันแคช ไปที่ผู้ดูแลระบบ / การตั้งค่า / ประสิทธิภาพ - ล้างแคชอยู่ที่ด้านล่าง
Dan Blows

หืมการล้างแคชไม่ได้ช่วย ดูเหมือนว่า URL ที่เปลี่ยนแปลงจะไม่ได้รับการยอมรับเนื่องจากยังใช้นามสกุลไฟล์ที่ไม่ถูกต้อง
Lars
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.