<span id="ruler">test</span>

#ruler {
visibility: hidden;
white-space: nowrap;
font-size: 24px;
}

String.prototype.visualLength = function()
{
var ruler = $("#ruler");
ruler.text(this);
return ruler[0].offsetWidth;
}

var text = "test";
var len = text.visualLength();