欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼

 更新時(shí)間:2015年04月01日 23:13:14   作者:洪磊  
這篇文章主要介紹了通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼,需要的朋友可以參考下

中國的移動(dòng)網(wǎng)絡(luò)環(huán)境復(fù)雜,為了給用戶帶去更好訪問體驗(yàn),開發(fā)者希望能了解用戶當(dāng)前的聯(lián)網(wǎng)方式,然后給用戶一個(gè)符合當(dāng)前網(wǎng)絡(luò)環(huán)境的請(qǐng)求結(jié)果。

W3C的規(guī)范中給出了一個(gè)方法來獲得現(xiàn)在的網(wǎng)絡(luò)狀態(tài)navigator.connection;根據(jù)Working Draft 29 November 2012協(xié)議規(guī)范我們可以從接口中獲得bandwidth(帶寬,M/s)和metered兩個(gè)參數(shù)的值;還提供了一個(gè)監(jiān)聽方法,來時(shí)刻監(jiān)聽接入環(huán)境的變化情況。現(xiàn)實(shí)中我們發(fā)現(xiàn)很多瀏覽器并沒有返回bandwidth值,而且遵守了Working Draft 07 June 2011的協(xié)議返回給我們type(類型,wifi/2g/3g/4g)。

我們接下來就看看各家的支持情況

Android 2.3+ Browser UC Dolphin QQ瀏覽器 Baidu Firefox Chrome Opera Mini Maxthon
Yes No* Yes Yes* Yes Yes(New) No No Yes

說明下在iPhone中任何瀏覽器都無法得到相關(guān)信息。

通過上面的說明,我們發(fā)現(xiàn)還是可以通過這個(gè)參數(shù)了解很大一部分用戶的聯(lián)網(wǎng)情況的,并且為他們提供更加優(yōu)質(zhì)的體驗(yàn)。
接下來我們重點(diǎn)說說各瀏覽器的返回情況。

大部分瀏覽器會(huì)返回一個(gè)int型的類型,其中的特例是QQ瀏覽器,返回的就是類型名稱,對(duì)應(yīng)關(guān)系如下

返回值 QQ返回值 類型
0 unknown UNKNOWN
1 ethernet ETHERNET
2 wifi WIFI
3 2g CELL_2G
4 3g CELL_3G
5 4g CELL_4G(中國現(xiàn)在也會(huì)出現(xiàn)這個(gè)值,是hspa+)
? none NONE

接下去是一個(gè)更大的特例,這就是firefox,他使用了新版規(guī)范,所以返回的是bandwidth;不過很奇怪的是只要是wifi或3G他就返回20,如果是2G返回的就是0.1953125;每次都一樣不管現(xiàn)在網(wǎng)絡(luò)狀態(tài)到底是多少。這個(gè)問題還會(huì)繼續(xù)跟進(jìn)。

給大家提供一個(gè)demo地址:http://demo.jb51.net/js/2015/net.html
Demo中對(duì)不支持connection的瀏覽器直接返回了{(lán)type:0},這樣就很便利解決了某些瀏覽器不支持的問題;對(duì)于不支持又能上網(wǎng)的瀏覽器處理為“unknown”當(dāng)然也是合乎情理的。

很多工程師覺得這個(gè)功能支持還不好,還是先不使用的好;但是我覺得只要錯(cuò)誤能被處理,風(fēng)險(xiǎn)能被把控,為什么不給那些先天優(yōu)秀的客戶提供更友好的體驗(yàn)?zāi)亍?/p>

今天同學(xué)說到讓后端判斷速度,這個(gè)可能有點(diǎn)難;不過確實(shí)可以通過每次的異步請(qǐng)求去得到用戶大概的速度(加載的時(shí)間和文件大小其實(shí)前端都能得到),然后在選擇性的提供某些服務(wù),之后也準(zhǔn)備向這個(gè)方向上多思考下。

相關(guān)文章

  • javascript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的圖片

    javascript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的圖片

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 一文詳解MySQL5.7與MySQL8之間的區(qū)別

    一文詳解MySQL5.7與MySQL8之間的區(qū)別

    MySQL作為最常用的開源關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一,一直在不斷發(fā)展和改進(jìn),其中,MySQL 5.7和MySQL 8是兩個(gè)備受關(guān)注的版本,它們之間存在一些關(guān)鍵的差異,本文將深入探討這兩個(gè)版本之間的主要差異,需要的朋友可以參考下
    2023-11-11
  • 基于layui的下拉列表的數(shù)據(jù)回顯方法

    基于layui的下拉列表的數(shù)據(jù)回顯方法

    今天小編就為大家分享一篇基于layui的下拉列表的數(shù)據(jù)回顯方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • js的閉包的一個(gè)示例說明

    js的閉包的一個(gè)示例說明

    js中 某個(gè)函數(shù)的內(nèi)部函數(shù)在該函數(shù)執(zhí)行結(jié)束后仍然可以訪問這個(gè)函數(shù)中定義的變量,這稱為閉包(Closure)
    2008-11-11
  • 實(shí)例講解JS中setTimeout()的用法

    實(shí)例講解JS中setTimeout()的用法

    這篇文章主要介紹了JS中setTimeout()的用法,setTimeout()是屬于window的method,但我們都是略去window這頂層對(duì)象名稱,這是用來設(shè)定一個(gè)時(shí)間,時(shí)間到了,就會(huì)執(zhí)行一個(gè)指定的method,需要深入了解的朋友可以參考下
    2016-01-01
  • javascript文件中引用依賴的js文件的方法

    javascript文件中引用依賴的js文件的方法

    在一個(gè)js文件中如果需要引入另外所依賴的js文件,可以在一個(gè)js文件中導(dǎo)入如下代碼即可
    2014-03-03
  • JS中令人發(fā)指的valueOf方法介紹

    JS中令人發(fā)指的valueOf方法介紹

    彭老濕近期月報(bào)里提到了valueOf方法,興致來了翻了下ECMA5里關(guān)于valueOf方法的介紹真是令人發(fā)指啊,不可思議的朋友可以參考下啊
    2013-02-02
  • JavaScript的Proxy可以做哪些有意思的事兒

    JavaScript的Proxy可以做哪些有意思的事兒

    這篇文章主要介紹了JavaScript的Proxy可以做哪些有意思的事兒,Proxy是ES6中提供的新的API,可以用來定義對(duì)象各種基本操作的自定義行為 (在文檔中被稱為traps,我覺得可以理解為一個(gè)針對(duì)對(duì)象各種行為的鉤子),,需要的朋友可以參考下
    2019-06-06
  • JS實(shí)現(xiàn)div內(nèi)部的文字或圖片自動(dòng)循環(huán)滾動(dòng)代碼

    JS實(shí)現(xiàn)div內(nèi)部的文字或圖片自動(dòng)循環(huán)滾動(dòng)代碼

    在某些情況下需要這樣的功能:使用JS實(shí)現(xiàn)div內(nèi)部的文字或圖片自動(dòng)循環(huán)滾動(dòng),接下來為大家詳細(xì)介紹下實(shí)現(xiàn)方法,感興趣的朋友可以參考下哈
    2013-04-04
  • 相冊(cè)展示PhotoSwipe.js插件實(shí)現(xiàn)

    相冊(cè)展示PhotoSwipe.js插件實(shí)現(xiàn)

    這篇文章主要為大家詳細(xì)介紹了相冊(cè)展示PhotoSwipe.js插件實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-08-08

最新評(píng)論