开发者

Is there a way to detect 3G and 2G connections speed on mobile phones and handheld devices?

Is there a way to detect 3G and 2G connections on mobile phones and handheld devices?

Like If I want to deliver High-end Website when u开发者_高级运维ser is on 3G and Highly optimized version if user is on 2G.


In Android 2.2+ there's a JS object for that.

You can write out a class for CSS use based on connection type. But it's not available on iOS for mobile web sites as far as I know.

var connection, connectionSpeed, htmlNode, htmlClass;
connection = navigator.connection || {"type":"0"}; // fallback

switch(connection.type) {
  case connection.CELL_3G: connectionSpeed = "mediumbandwidth"; break;
  case connection.CELL_2G: connectionSpeed = "lowbandwidth"; break;
  default: connectionSpeed = 'highbandwidth';
}

/* set the connection speed on the html element
   i.e. <html class="lowbandwidth">
*/
htmlNode = document.body.parentNode;
htmlClass = htmlNode.getAttribute("class") || "";
htmlNode.setAttribute("class", htmlClass + " " + connectionSpeed);

The code is from slide 24 in this presentation:
http://davidbcalhoun.com/present/mobile-performance/


Some networks send connection type as http header.

Your best bet would be to do a speed test when user connects and try to store it on the client as cookie

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜