เหตุใดบางครั้งหน้าเว็บจึงปรากฏเป็น HTML ธรรมดาก่อนรีเฟรช


16

สิ่งนี้เริ่มเกิดขึ้นค่อนข้างบ่อยตั้งแต่หนึ่งสัปดาห์หรือมากกว่านั้น มันไกลจากปัญหาใหญ่ แต่น่ารำคาญกว่า

บางครั้งเมื่อฉันไปที่หน้าเว็บหน้าเว็บดูเหมือนว่าจะโหลดเป็น HTML ธรรมดา จากนั้นหลังจากรีเฟรชส่วนที่เหลือของหน้าเว็บจะโหลด

ทำไมถึงเป็นอย่างนั้น? ความคิดเกี่ยวกับสิ่งที่อาจทำให้เกิดปัญหานี้? ดูภาพหน้าจอ

Windows 7 64 บิตโดยใช้ Chrome เป็นปัจจุบัน

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

ก่อนรีเฟรช:

เข้าชมครั้งแรก:

หลังจากรีเฟรช:

หลังจากรีเฟรช:


รุ่นเราเตอร์ของคุณคืออะไร? ฉันประสบปัญหาคล้ายกันกับเราเตอร์ Linksys บางตัวที่ใช้แคช DNS ของตัวเอง
iglvzx

หาก oyu กำลังใช้งานอินเทอร์เน็ตบนมือถือเช่น EDGE / 3G มันทำให้การสั่งซื้อลดลงไม่เคยได้ยินเราเตอร์ที่ทำเช่นนั้น .. เว้นแต่จะเป็นเฟิร์มแวร์ที่เสียหายจริงๆ หรือคุณกำลังใช้พรอกซี PS เหมือนกันเกิดขึ้นใน Safari (โครมคล้ายเครื่องยนต์ webkit) ... แล้วใน IE (เพื่อเปรียบเทียบ)
Piotr Kula

@ppumkin ใช่ Linksys WRT160N มีชื่อเสียงในการมีปัญหา DNS ปัญหาได้รับการแก้ไขหากคุณไม่ได้ใช้ที่อยู่ IP ของเราเตอร์เป็น DNS
iglvzx

คำตอบ:


13

สิ่งนี้เกิดขึ้นเมื่อ CSS (สไตล์ชีท) สำหรับหน้านั้นโหลดไม่ถูกต้อง ตอนนี้สาเหตุที่เกิดขึ้นเป็นปัญหาที่ซับซ้อนมากขึ้น คุณจะต้องทำสิ่งนี้เพื่อแก้ไขปัญหานั้น:

  1. เปิดTools | Developer Toolsจากเมนู Chome
  2. สลับไปที่Networkแท็บที่นั่น
  3. ให้หน้าต่างนั้นเปิดอยู่เรียกดูตามปกติ เมื่อคุณเห็นปรากฏการณ์นั้นอีกครั้งให้ไปที่หน้าต่างเครื่องมือสำหรับนักพัฒนาและดูว่าไฟล์ใดที่โหลดไม่ถูกต้องและทำไม

อาจเป็นปัญหา DNS หรือพร็อกซีแบบโปร่งใสทำงานได้หรือปัญหาอื่น ๆ ผู้ให้บริการ CDN (เครือข่ายการส่งเนื้อหา) ของ บริษัท ของฉันมีปัญหาเมื่อวานนี้และมันประจักษ์เองในทำนองเดียวกันกับสิ่งที่คุณอธิบายที่นี่

เนื่องจากคุณบอกว่าปัญหานั้นเกิดขึ้นชั่วคราวและหายไปหลังจากการรีเฟรชจึงค่อนข้างยากที่จะแก้ไขปัญหา


เบราว์เซอร์ไม่จัดลำดับความสำคัญ CSS ก่อนแสดงผล DOM โดยทั่วไปแล้วสิ่งที่เสียหายเช่นนั้นคือการเชื่อมต่อที่ช้ามากหรือพร็อกซีที่บีบอัด HTML, CSS และ JS เป็นสิ่งหนึ่งและทำให้เกิดพฤติกรรมแปลก ๆ เช่นนั้น - โดยเฉพาะอย่างยิ่งถ้าคุณกำลังทำงานผ่าน GPRS / EDGE / 3G ...
Piotr Kula

1
@ppumkin: CSS ถูกโหลดจริงก่อนการเรนเดอร์ อย่างไรก็ตามหากไม่สามารถโหลด CSS หน้านั้นจะถูกแก้ไขหน้าต่อไป ... และใช่เหตุผลของคุณนั้นใช้ได้ทั้งหมด แต่ไม่ใช่เหตุผลเดียว
haimg

5

มีปัญหาเก่ากับไฟล์. css ที่ปรากฏในเบราว์เซอร์บางตัวขึ้นอยู่กับวิธีโหลดหรือประกาศเอกสาร. css ที่มีกฎสไตล์

สิ่งนี้เรียกว่า " Flash of content unstyled (FOUC)" แนวคิดนี้มีแม้แต่หน้าวิกิพีเดียเฉพาะที่มีลิงก์ไปยังแหล่งข้อมูลเพิ่มเติม

ตามภาพหน้าจอของคุณนี่เป็นปัญหาที่คุณเป็นทุกข์ ปัญหาสามารถแก้ไขได้เมื่อทำการเปลี่ยนแปลงที่จำเป็นในแหล่งที่มาของหน้าดังนั้นคุณจึงไม่สามารถแก้ไขได้


3

ฉันไม่แน่ใจ 100% แต่บางทีคุณอาจมีปัญหาในการดาวน์โหลด javascript หรือ CSS สำหรับเว็บไซต์ บางครั้ง (สำหรับ บริษัท ใหญ่) CSS & จาวาสคริปต์จะถูกจัดเก็บในบุคคลที่สาม "CDN" (เครือข่ายการส่งเนื้อหา) ... ซึ่งมักจะจบลงที่รายการ "ปิดกั้นโฆษณา" โดยบังเอิญ คุณได้ลองปิดการใช้งานซอฟต์แวร์ปิดกั้นโฆษณาหรือไม่? บางทีคุณอาจมีข้อผิดพลาดที่น่ารังเกียจในเครื่องของคุณ ... และมันเปลี่ยนเส้นทางการเข้าชมเว็บ


ไม่แน่ใจว่าใครโหวตให้คุณบ้าง แต่คำตอบของคุณในบริบทนี้ (เนื่องจาก OP ไม่ได้ระบุอะไรเลย) จึงเป็นไปได้ +1 เพราะฉันเคยเห็นสิ่งนั้นเกิดขึ้นมาก่อน
Piotr Kula

0

สิ่งนี้มักจะเกิดขึ้นเมื่อ Chrome คิดว่ามีข้อมูลในแคชที่ไม่มีอยู่จริง (ฉันพบสิ่งนี้เมื่อฉันล้างแคชเบราว์เซอร์ในระบบปฏิบัติการแทนที่จะเป็น Chrome แต่มันสามารถเกิดขึ้นได้หากแคชถูกตั้งค่าสถานะหรืออัปเดตไม่ถูกต้อง )

โดยปกติการรีเฟรชจะแก้ไขได้ แต่ถ้าไม่เช่นนั้นให้ล้างแคช ( Ctrl+Shift+Delete) จากนั้นรีเฟรช


0

ฉันมีปัญหานี้ด้วย ฉันมียูทิลิตีที่ชื่อว่า Privacy Badger ติดตั้งบน Chrome ทันทีที่ฉันปิดการใช้งานมันหน้าของฉันโหลดอย่างถูกต้องอีกครั้ง


0

ฉันมีปัญหานี้กับ Chrome บนแล็ปท็อป Windows 7 เว็บไซต์ (หลายแห่ง) บางแห่งจะแสดง HTML พื้นฐานเท่านั้นเว็บไซต์อื่น ๆ แสดงตามปกติ เบราว์เซอร์ Firefox ของฉันแสดงทุกอย่างตามปกติ ปฏิบัติตามคำแนะนำของ TheCompWiz ฉันตรวจสอบปลั๊กอินตัวบล็อกโฆษณา (Adblock Plus) ในการตั้งค่า -> เมนูขั้นสูงฉันคลิก 'อัปเดตรายการตัวกรอง' (ไม่ได้รับการปรับปรุงในขณะที่) หลังจากอัปเดตเว็บไซต์ที่มีปัญหาทั้งหมดจะแสดงตามปกติอีกครั้ง

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