Rumah hujung hadapan web tutorial js Kod pelaksanaan untuk menentukan jenis rangkaian dan status sambungan melalui kemahiran JS_javascript

Kod pelaksanaan untuk menentukan jenis rangkaian dan status sambungan melalui kemahiran JS_javascript

May 16, 2016 pm 04:06 PM

Persekitaran rangkaian mudah alih China adalah kompleks Untuk memberikan pengguna pengalaman akses yang lebih baik, pembangun berharap dapat memahami kaedah rangkaian semasa pengguna dan kemudian memberikan pengguna hasil permintaan yang sepadan dengan persekitaran rangkaian semasa.

Spesifikasi W3C menyediakan kaedah untuk mendapatkan navigator status rangkaian semasa.sambungan mengikut spesifikasi protokol Draf Kerja 29 November 2012, kita boleh mendapatkan lebar jalur (lebar jalur, M/s) dan parameter bermeter daripada nilai antara muka ; ia juga menyediakan kaedah pemantauan untuk memantau perubahan dalam persekitaran capaian pada setiap masa. Pada hakikatnya, kami mendapati bahawa banyak penyemak imbas tidak mengembalikan nilai lebar jalur, dan mematuhi protokol Draf Kerja 07 Jun 2011 dan mengembalikan jenis kami (jenis, wifi/2g/3g/4g).

Mari kita lihat sokongan setiap syarikat

Android 2.3 Browser UC Dolphin QQ浏览器 Baidu Firefox Chrome Opera Mini Maxthon
Yes No* Yes Yes* Yes Yes(New) No No Yes

Maklumat yang berkaitan tidak boleh diperoleh daripada mana-mana pelayar pada iPhone.

Melalui penerangan di atas, kami mendapati bahawa kami masih boleh memahami status sambungan Internet sebilangan besar pengguna melalui parameter ini dan memberikan mereka pengalaman yang lebih baik.
Seterusnya, kami memberi tumpuan kepada status pemulangan setiap penyemak imbas.

Kebanyakan penyemak imbas akan mengembalikan jenis int Satu kes khas ialah penyemak imbas QQ, yang mengembalikan nama jenis Perhubungan yang sepadan adalah seperti berikut

返回值 QQ返回值 类型
0 unknown UNKNOWN
1 ethernet ETHERNET
2 wifi WIFI
3 2g CELL_2G
4 3g CELL_3G
5 4g CELL_4G(中国现在也会出现这个值,是hspa )
? none NONE

Seterusnya adalah kes istimewa yang lebih besar, ini adalah firefox, ia menggunakan versi baru spesifikasi, jadi ia mengembalikan lebar jalur; tetapi yang sangat pelik ialah selagi ia adalah wifi atau 3G, ia mengembalikan 20, dan jika ia adalah 2G, ia mengembalikan 0.1953125 ; Ia adalah sama setiap kali, tidak kira apa status rangkaian semasa. Isu ini akan terus disusuli.

Sediakan anda alamat demo: http://demo.jb51.net/js/2015/net.html
Dalam Demo, {type:0} dikembalikan terus kepada penyemak imbas yang tidak menyokong sambungan, yang dengan mudah menyelesaikan masalah yang sesetengah penyemak imbas tidak menyokongnya. Ia juga sesuai untuk merawat penyemak imbas yang tidak menyokong sambungan dan boleh mengakses Internet sebagai "tidak diketahui".

Ramai jurutera merasakan bahawa sokongan untuk fungsi ini tidak cukup baik, dan adalah lebih baik untuk tidak menggunakannya lagi; tetapi saya fikir selagi kesilapan boleh dikendalikan dan risiko boleh dikawal, mengapa tidak memberikan pengalaman yang lebih mesra kepada pelanggan yang sememangnya baik.

Hari ini, rakan sekelas saya bercakap tentang membiarkan bahagian belakang menilai kelajuan Ini mungkin agak sukar, tetapi memang mungkin untuk mendapatkan anggaran kelajuan pengguna melalui setiap permintaan tak segerak (masa memuatkan dan saiz fail sebenarnya boleh. diperolehi oleh bahagian hadapan), dan kemudian pilih Sediakan perkhidmatan tertentu dengan cara berorientasikan seks, dan merancang untuk berfikir lebih ke arah ini pada masa hadapan.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apr 04, 2025 pm 02:42 PM

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Siapa yang dibayar lebih banyak Python atau JavaScript? Siapa yang dibayar lebih banyak Python atau JavaScript? Apr 04, 2025 am 12:09 AM

Tidak ada gaji mutlak untuk pemaju Python dan JavaScript, bergantung kepada kemahiran dan keperluan industri. 1. Python boleh dibayar lebih banyak dalam sains data dan pembelajaran mesin. 2. JavaScript mempunyai permintaan yang besar dalam perkembangan depan dan stack penuh, dan gajinya juga cukup besar. 3. Faktor mempengaruhi termasuk pengalaman, lokasi geografi, saiz syarikat dan kemahiran khusus.

Demystifying JavaScript: Apa yang berlaku dan mengapa penting Demystifying JavaScript: Apa yang berlaku dan mengapa penting Apr 09, 2025 am 12:07 AM

JavaScript adalah asas kepada pembangunan web moden, dan fungsi utamanya termasuk pengaturcaraan yang didorong oleh peristiwa, penjanaan kandungan dinamik dan pengaturcaraan tak segerak. 1) Pengaturcaraan yang didorong oleh peristiwa membolehkan laman web berubah secara dinamik mengikut operasi pengguna. 2) Penjanaan kandungan dinamik membolehkan kandungan halaman diselaraskan mengikut syarat. 3) Pengaturcaraan Asynchronous memastikan bahawa antara muka pengguna tidak disekat. JavaScript digunakan secara meluas dalam interaksi web, aplikasi satu halaman dan pembangunan sisi pelayan, sangat meningkatkan fleksibiliti pengalaman pengguna dan pembangunan silang platform.

Bagaimana untuk menggabungkan elemen array dengan ID yang sama ke dalam satu objek menggunakan JavaScript? Bagaimana untuk menggabungkan elemen array dengan ID yang sama ke dalam satu objek menggunakan JavaScript? Apr 04, 2025 pm 05:09 PM

Bagaimana cara menggabungkan elemen array dengan ID yang sama ke dalam satu objek dalam JavaScript? Semasa memproses data, kita sering menghadapi keperluan untuk mempunyai id yang sama ...

Bagaimana untuk mencapai kesan menatal paralaks dan kesan animasi elemen, seperti laman web rasmi Shiseido?
atau:
Bagaimanakah kita dapat mencapai kesan animasi yang disertai dengan menatal halaman seperti laman web rasmi Shiseido? Bagaimana untuk mencapai kesan menatal paralaks dan kesan animasi elemen, seperti laman web rasmi Shiseido? atau: Bagaimanakah kita dapat mencapai kesan animasi yang disertai dengan menatal halaman seperti laman web rasmi Shiseido? Apr 04, 2025 pm 05:36 PM

Perbincangan mengenai realisasi kesan animasi tatal dan elemen Parallax dalam artikel ini akan meneroka bagaimana untuk mencapai yang serupa dengan laman web rasmi Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ... ...

Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Perbezaan dalam Konsol.Log Output Result: Mengapa kedua -dua panggilan berbeza? Apr 04, 2025 pm 05:12 PM

Perbincangan mendalam mengenai punca-punca utama perbezaan dalam output konsol.log. Artikel ini akan menganalisis perbezaan hasil output fungsi Console.log dalam sekeping kod dan menerangkan sebab -sebab di belakangnya. � ...

Adakah JavaScript sukar belajar? Adakah JavaScript sukar belajar? Apr 03, 2025 am 12:20 AM

Pembelajaran JavaScript tidak sukar, tetapi ia mencabar. 1) Memahami konsep asas seperti pembolehubah, jenis data, fungsi, dan sebagainya. 2) Pengaturcaraan asynchronous tuan dan melaksanakannya melalui gelung acara. 3) Gunakan operasi DOM dan berjanji untuk mengendalikan permintaan tak segerak. 4) Elakkan kesilapan biasa dan gunakan teknik debugging. 5) Mengoptimumkan prestasi dan mengikuti amalan terbaik.

Bagaimana untuk melaksanakan fungsi seretan panel dan drop pelarasan yang serupa dengan vscode dalam pembangunan front-end? Bagaimana untuk melaksanakan fungsi seretan panel dan drop pelarasan yang serupa dengan vscode dalam pembangunan front-end? Apr 04, 2025 pm 02:06 PM

Terokai pelaksanaan fungsi seretan panel dan drop panel seperti VSCode di bahagian depan. Dalam pembangunan front-end, bagaimana untuk melaksanakan vscode seperti ...

See all articles