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
精彩评论