Jak wykryć szybkość połączenia za pomocą JavaScript?

Dodaj początkowe i końcowe znaczniki skryptu w obszarze nagłówka strony internetowej (za znacznikiem początkowym, ale przed znacznikiem końcowym), na przykład:

Dodaj następujący kod między początkowym i końcowym tagiem skryptu, zastępując „myimage.jpg” nazwą pliku obrazu, którego chcesz użyć do testu szybkości. Część adresu "?n=" + Math.random(), która jest zbudowana i przypisana do imageAddr, nakłania przeglądarkę internetową do pobierania obrazu za każdym razem, zamiast używania wersji z pamięci podręcznej lokalnie. Użyj obrazu o rozmiarze pliku około 200 kilobajtów.

Dodaj następujący kod w następnym wierszu skryptu, aby utworzyć zmienne do przechowywania czasu rozpoczęcia i zakończenia testu oraz rozmiaru pobierania. Ustaw „downloadSize” na rozmiar pliku obrazu w bajtach.

Dodaj następujący kod, aby skonfigurować obraz, który zostanie pobrany do testu. „download” jest skonfigurowane jako obiekt obrazu. Akcja przechwytywania końca pobierania jest przypisywana do aktywacji po zakończeniu pobierania obrazu.

Dodaj następującą funkcję do skryptu, który oblicza wyświetla wyniki testu prędkości. Najpierw oblicza czas trwania, zamieniając milisekundy na sekundy. Następnie konwertuje rozmiar pobierania na bity, oblicza prędkość pobierania i konwertuje prędkość na kb/s i Mb/s. Na koniec pojawia się okno komunikatu z wynikami.

function showResults () { var czas trwania = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / czas trwania) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var speedMbps = (speedKbps / 1024). to Naprawiono (2) alert GO („Prędkość Twojego połączenia to: \n” + speedBps + „ bps\n” + speedKbps + „ kbps\n” + speedMbps + „ Mb/s\n") GO }

Otwórz stronę w przeglądarce i przetestuj ją, aby upewnić się, że skrypt działa poprawnie. Wyświetlenie okna komunikatu z wynikami testu może zająć kilka sekund.

Wskazówka