Tại sao mạng chậm Slow này phát hiện nhật ký của 18 điểm Đăng nhập xuất hiện trong Chrome?

Tôi nhận thấy điều này info logbắt đầu xuất hiện trong Google Chrome Dev (Phiên bản 55.0.2883.18 dev) và tôi không thể tưởng tượng được tại sao.

Mạng chậm được phát hiện. Phông chữ dự phòng sẽ được sử dụng trong khi tải: http: //font-path.extension `

Nó xuất hiện trên tất cả các trang web sử dụng font-face, ngay cả trên các trang cục bộ và tiện ích mở rộng Chrome.

Điều này có nghĩa là mạng chậm và Chrome đang thay thế phông chữ web (được tải theo @font-facequy tắc) bằng dự phòng cục bộ.

Theo mặc định, văn bản được hiển thị bằng phông chữ web là vô hình cho đến khi phông chữ được tải xuống ( Flash flash của văn bản vô hình ). Với thay đổi này, người dùng trên mạng chậm có thể bắt đầu đọc ngay khi nội dung được tải thay vì nhìn vào trang trống trong vài giây.

• Vấn đề liên quan đến Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Một thay đổi cho phép hành vi này đối với các kết nối 3G đã hạ cánh vào tháng 9; đây sẽ là lý do bạn nhận được tin nhắn.)
• Mã nguồn liên quan: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Tôi gặp vấn đề tương tự đối với bản dựng chrome 61.0.3163.100trên MacOs Sierra với localhosttư cách là máy chủ. Chrome bắt đầu đăng nhập thông báo này khi tôi thay đổi cấu hình tốc độ mạng thành 3G nhanh / 3G chậm và trở lại Trực tuyến.

Khắc phục: Khi tôi thử chọn Chế độ ngoại tuyến và một lần nữa Chế độ trực tuyến, sự cố đăng nhập đã biến mất. (Khắc phục sự cố này có thể không hoạt động trên một số thiết bị hoặc phiên bản)

Cập nhật vào ngày 30 tháng 1 năm 2018

Tôi đã cập nhật google chrome lên Phiên bản 64.0.3282.119 (Official Build) (64-bit), có vẻ như lỗi này đã được sửa.

EDIT: Điều này không hoạt động với phiên bản mới nhất của 63.0+

Tôi đã có thể vô hiệu hóa nó bằng cách sử dụng trợ giúp từ một trong những nhận xét trên, đi đến

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

Mẹo nhỏ là cũng vô hiệu hóa tùy chọn " Kích hoạt tác nhân người dùng kích hoạt cho WebFonts luôn tải " ngay bên dưới.

Trong trường hợp của tôi, đó là tiện ích mở rộng AdBlock Plus cho Google chrome. Tắt nó đi và nó hoạt động hoàn hảo.

nếu bạn có thể truy cập vào css của tiện ích mở rộng này, chỉ cần thêm font-display:block;vào định nghĩa khuôn mặt phông chữ hoặc gửi phản hồi cho nhà phát triển của tiện ích mở rộng này :)

@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;
}

Tôi che giấu điều này bằng cách thiết lập giao diện điều khiển

Console settings -> User messages only

Goto chrome: // flags / # enable-webfonts-can thiệp-v2 và đặt nó thành vô hiệu hóa

Đó là do lỗi trong Chrome với API mới nhất của họ về 'tốc độ mạng'. Hy vọng nó sẽ được sửa trong phiên bản tiếp theo

Tôi đã vô hiệu hóa điều chỉnh mạng nhưng bắt đầu gặp lỗi này ngay hôm nay trên kết nối doanh nghiệp 75mb / s ...

Để sửa lỗi trong bản dựng Chrome 60.0.3112.90 (Bản dựng chính thức) (64-bit) của tôi, tôi đã mở DevTools sau đó điều hướng đến Cài đặt DevTools sau đó đánh dấu 'Đăng nhập XMLHttpRequests', chưa sử dụng 'Chỉ tin nhắn người dùng' và 'Ẩn tin nhắn mạng'

Cách dễ nhất để vô hiệu hóa điều này là bỏ chọn các cảnh báo trong các công cụ phát triển chrome

Hi vọng điêu nay co ich.

Tôi chỉ quản lý để làm cho bộ lọc regex hoạt động : /^((?!Fallback\sfont).)*$/.

Thêm nó vào trường bộ lọc ngay phía trên bảng điều khiển và nó sẽ ẩn tất cả các tin nhắn có chứa Fallback font.

Bạn có thể làm cho nó cụ thể hơn nếu bạn muốn.

Nếu bạn đang phát triển một ứng dụng sử dụng phông chữ google và muốn đảm bảo người dùng của bạn không thấy những cảnh báo này. Một giải pháp khả thi ( chi tiết ở đây ) là tải các phông chữ cục bộ.

Tôi đã sử dụng giải pháp này cho một ứng dụng đôi khi có internet chậm (hoặc không truy cập internet) nhưng vẫn phục vụ các trang. Điều này giả sử ứng dụng của bạn sử dụng phông chữ Google và các cập nhật cho các phông chữ này không quan trọng. Cũng giả sử rằng sử dụng phông chữ ttf là phù hợp cho ứng dụng Hỗ trợ Trình duyệt Phông chữ WC3 TTF của bạn .

Đây là cách tôi thực hiện các phông chữ phục vụ cục bộ:

Truy cập https://fonts.google.com/ và thực hiện tìm kiếm phông chữ của bạn

Thêm phông chữ của bạn

Tải về chúng

Đặt chúng trong trang web gốc

Thêm chúng vào tập tin @font của bạn

Tôi cũng có lỗi tương tự với phông chữ của fontawgie. Sau đó, tôi đã tải xuống các phông chữ mới nhất của phông chữ và thay thế cho các phông chữ cũ. Và các lỗi đã biến mất.

1. Không, điều này không có nghĩa là mạng chậm.
2. Không, đây không chỉ là cảnh báo sai.

Tôi gặp vấn đề này trên các ứng dụng web góc cạnh sau khi thay thế liên kết https://fonts.googleapis.com/icon?family=M vật liệu + tôi trong index.html sang phiên bản tích hợp (cài đặt npm .... biểu tượng vật liệu ...). Điều này hoạt động, nhưng đôi khi ứng dụng web cho thấy cảnh báo đó.

Khi cảnh báo được hiển thị, các biểu tượng không được hiển thị trong khoảng 1 giây, vì vậy người dùng sẽ thấy các biểu tượng được hiển thị xấu.

Tôi chưa có giải pháp.

Chuyển đến biểu định kiểu của Phông chữ và thêm hiển thị phông chữ: khối; trong tất cả @ font-face {}

Câu trả lời Stackoverflow này đã giúp tôi ..

Dưới đây là tóm tắt của câu trả lời

Nếu bạn có thể truy cập vào css của tiện ích mở rộng này, chỉ cần thêm font-display: block; về định nghĩa khuôn mặt phông chữ hoặc gửi phản hồi cho nhà phát triển của tiện ích mở rộng này :)

@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;
}

bạn có thể nhấp vào settings cài đặt bảng điều khiển 'và chọn hộp' Chỉ sử dụng tin nhắn ', sau đó những tin nhắn đó sẽ không hiển thị lại.

Cập nhật lên phiên bản Chrome mới nhất (63.0.3239.84) thông qua Trợ giúp -> Giới thiệu về bản sửa lỗi cho tôi.

(thực ra, tôi đã phải chuyển sang Ngoại tuyến và quay lại Trực tuyến trong tab Mạng của các công cụ dành cho nhà phát triển để loại bỏ các lỗi cuối cùng.)

Ngay khi tôi tắt plugin DuckDuckGo Privacy Essentials, nó biến mất. Hơi khó chịu vì các phông chữ tôi đang phục vụ là từ localhost, vì vậy không nên làm gì với kết nối mạng chậm.

Chuột phải nhìn vào Chrome Dev. Sau đó chọn bộ lọc. Và chọn nguồn tin nhắn.