เหตุใดบันทึก“ ตรวจพบเครือข่ายช้า ... ” นี้จึงปรากฏใน Chrome

ฉันสังเกตว่าสิ่งนี้info logเริ่มปรากฏใน Google Chrome Dev (เวอร์ชัน 55.0.2883.18 dev) และฉันไม่สามารถจินตนาการได้ว่าทำไม

ตรวจพบเครือข่ายช้า ฟอนต์ทางเลือกจะใช้ขณะโหลด: http: //font-path.extension `

มันจะปรากฏในทุกเว็บไซต์ที่ใช้งานfont-faceแม้ในหน้าเว็บท้องถิ่นและส่วนขยายของ Chrome

ซึ่งหมายความว่าเครือข่ายทำงานช้าและ Chrome กำลังเปลี่ยนแบบอักษรบนเว็บ (โหลดด้วย @font-faceกฎ) ด้วยทางเลือกในท้องถิ่น

ตามค่าเริ่มต้นข้อความที่แสดงด้วยแบบอักษรบนเว็บจะมองไม่เห็นจนกว่าจะดาวน์โหลดแบบอักษรนั้น ( “ แฟลชข้อความที่มองไม่เห็น” ) ด้วยการเปลี่ยนแปลงนี้ผู้ใช้บนเครือข่ายที่ช้าอาจเริ่มอ่านได้ทันทีเมื่อโหลดเนื้อหาแทนที่จะมองเข้าไปในหน้าว่างเปล่าเป็นเวลาหลายวินาที

• ปัญหา Chrome ที่เกี่ยวข้อง: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 (การเปลี่ยนแปลงที่เปิดใช้งานลักษณะการทำงานนี้สำหรับการเชื่อมต่อ 3G ในเดือนกันยายนนี่เป็นเหตุผลที่คุณได้รับข้อความ)
• ซอร์สโค้ดที่เกี่ยวข้อง: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/cs//RemoteFontFaceSource.cpp#74

ฉันประสบปัญหาเดียวกันสำหรับการสร้างโครเมี่ยม61.0.3163.100บน MacOs Sierra พร้อมกับlocalhostเซิร์ฟเวอร์ Chrome เริ่มบันทึกข้อความนี้เมื่อฉันเปลี่ยนการกำหนดค่าความเร็วเครือข่ายเป็น 3G เร็ว / 3G ช้าและกลับไปออนไลน์อีกครั้ง

แก้ไข: เมื่อฉันพยายามเลือกโหมดออฟไลน์และโหมดออนไลน์อีกครั้งปัญหาการบันทึกหายไป (การแก้ไขนี้อาจไม่ทำงานในอุปกรณ์หรือรุ่นบางรุ่น)

อัปเดตในวันที่ 30 มกราคม 2018

ฉันอัปเดต google chrome เป็นเวอร์ชัน64.0.3282.119 (Official Build) (64-bit)ดูเหมือนว่าข้อผิดพลาดนี้ได้รับการแก้ไขแล้ว

แก้ไข: นี่ไม่ทำงานกับ 63.0+ รุ่นล่าสุด

ฉันสามารถปิดการใช้งานได้โดยใช้ความช่วยเหลือจากหนึ่งในความคิดเห็นข้างต้นไปที่

chrome://flags/#enable-webfonts-intervention-v2

เคล็ดลับคือการปิดการใช้งานตัวเลือก " Trigger User Agent Intervention สำหรับ WebFonts loading เสมอ " ด้านล่างเช่นกัน

ในกรณีของฉันมันเป็นส่วนขยาย AdBlock Plus สำหรับ Google chrome ปิดใช้งานและทำงานได้อย่างสมบูรณ์

หากคุณสามารถเข้าถึง CSS ของส่วนขยายนี้เพียงเพิ่มfont-display:block;คำจำกัดความฟอนต์ - ใบหน้าหรือส่งข้อเสนอแนะไปยังนักพัฒนาของส่วนขยายนี้ :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

ฉันซ่อนสิ่งนี้โดยตั้งค่าการตั้งค่าคอนโซล

Console settings -> User messages only

ไปที่ chrome: // flag / # enable-webfonts-แทรกแซง-v2 และตั้งเป็นปิดการใช้งาน

เป็นเพราะบั๊กใน Chrome ที่มี API ล่าสุดสำหรับ 'ความเร็วเครือข่าย' หวังว่ามันจะได้รับการแก้ไขในรุ่นถัดไป

ฉันปิดใช้งานการควบคุมปริมาณเครือข่าย แต่เริ่มได้รับข้อผิดพลาดในวันนี้จากการเชื่อมต่อธุรกิจ 75mb / s ...

ในการแก้ไขใน build ของ Chrome 60.0.3112.90 (Official Build) (64-bit) ฉันเปิด DevTools จากนั้นไปที่การตั้งค่า DevTools จากนั้นติ๊ก 'Log XMLHttpRequests' ไม่ถูกต้อง 'ข้อความผู้ใช้เท่านั้น' และ 'ซ่อนข้อความเครือข่าย'

วิธีปิดการใช้งานที่ง่ายที่สุดคือยกเลิกการเลือกคำเตือนในเครื่องมือ dev ของ Chrome

หวังว่านี่จะช่วยได้

ฉันเพียงแค่การจัดการเพื่อให้การทำงานของตัวกรอง /^((?!Fallback\sfont).)*$/regex:

Fallback fontเพิ่มไปยังฟิลด์ตัวกรองเหนือคอนโซลและมันจะซ่อนข้อความทั้งหมดที่มี

คุณสามารถทำให้เฉพาะเจาะจงมากขึ้นถ้าคุณต้องการ

หากคุณกำลังพัฒนาแอปที่ใช้แบบอักษร Google และต้องการให้แน่ใจว่าผู้ใช้ของคุณไม่เห็นคำเตือนเหล่านี้ ทางออกที่เป็นไปได้ ( รายละเอียดที่นี่ ) คือการโหลดแบบอักษรในเครื่อง

ฉันใช้โซลูชันนี้สำหรับแอปพลิเคชันซึ่งบางครั้งมีอินเทอร์เน็ตช้า (หรือไม่มีการเข้าถึงอินเทอร์เน็ต) แต่ยังคงให้บริการหน้าเว็บนี่ถือว่าแอปของคุณใช้แบบอักษร Google และการอัปเดตแบบอักษรเหล่านี้ไม่สำคัญ นอกจากนี้สมมติว่าการใช้ฟอนต์ ttf นั้นเหมาะสมสำหรับแอปพลิเคชันของคุณWC3 TTF Font Browser Supportอักษรสนับสนุนเบราว์เซอร์

นี่คือวิธีที่ฉันใช้แบบอักษรในพื้นที่ให้สำเร็จ

ไปที่https://fonts.google.com/และค้นหาแบบอักษรของคุณ

เพิ่มแบบอักษรของคุณ

ดาวน์โหลดพวกเขา

วางไว้ในรูทไซต์

เพิ่มลงในไฟล์ @font ของคุณ

ฉันยังมีข้อผิดพลาดเดียวกันกับแบบอักษรของ fontawesome จากนั้นฉันก็ดาวน์โหลดแบบอักษรล่าสุดของ fontawesome และแทนที่เป็นแบบอักษรเก่า และข้อผิดพลาดจะหายไป

1. ไม่ไม่ได้หมายความว่าเครือข่ายช้า
2. ไม่ไม่เพียง แต่จะเป็นการเตือนที่ผิดพลาดเท่านั้น

ฉันมีปัญหาเกี่ยวกับแอปพลิเคชันเว็บเชิงมุมหลังจากแทนที่ลิงก์https://fonts.googleapis.com/icon?family=Material+Iconsใน index.html เป็นเวอร์ชันรวม วิธีนี้ใช้ได้ผล แต่บางครั้งเว็บแอปพลิเคชันแสดงคำเตือนนั้น

เมื่อไอคอนแสดงคำเตือนไม่แสดงผลเป็นเวลาประมาณ 1 วินาทีผู้ใช้จึงเห็นไอคอนที่แสดงผลไม่ดี

ฉันยังไม่มีวิธีแก้ปัญหา

ไปที่ stylesheet.css ของ Font และเพิ่มfont-display: block; ในทั้งหมด@ font-face {}

คำตอบ Stackoverflow นี้ช่วยฉัน ..

ด้านล่างนี้เป็นบทสรุปของคำตอบ

หากคุณสามารถเข้าถึง css ของส่วนขยายนี้เพียงเพิ่มแบบอักษรแสดง: บล็อก; เกี่ยวกับคำจำกัดความฟอนต์ใบหน้าหรือส่งข้อเสนอแนะถึงผู้พัฒนาส่วนขยายนี้ :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

คุณสามารถคลิก 'การตั้งค่าคอนโซล' จากนั้นทำเครื่องหมายที่ช่อง 'ใช้ข้อความเท่านั้น' หลังจากนั้นข้อความเหล่านั้นจะไม่ปรากฏอีก

อัปเดตเป็น Chrome เวอร์ชันล่าสุด (63.0.3239.84) ผ่านวิธีใช้ -> เกี่ยวกับแก้ไขให้ฉัน

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

ทันทีที่ฉันปิดการใช้งานโปรแกรมเสริมความเป็นส่วนตัวของ DuckDuckGo มันจะหายไป ค่อนข้างน่ารำคาญเพราะตัวอักษรที่ฉันให้บริการนั้นมาจาก localhost ดังนั้นไม่ควรทำอะไรกับการเชื่อมต่อเครือข่ายที่ช้า

เลื่อนเมาส์ไปขวาบน Chrome Dev จากนั้นเลือกตัวกรอง และเลือกแหล่งที่มาของข้อความ