Getting a page's complete source using Javascript

Question

I'm trying to capture and post all JS errors in a page to a Django view. I'm doing something like this.

<script>
    window.onerror = function(errorMsg, file, lineNumber) {
        post_data = {error: errorMsg, file: file, 
        location: window.location.href, lineNumber: lineNumber,
        ua: navigator.userAgent};
        jQuery.post('/js_errors/', post_data);
    }
</script>

The Question: I'd like to add the actual line as well. How do I get the line from the page source, given the line number?

So far, I've tried this (accounting for all kinds of newline characters):

document.getElementsByTagName('html')[0].outerHTML.split(/\r?\n/)[lineNumber];

However, this doesn't give me the correct line number. What am I missing here?

Answer 1

Not particularly efficient, but should get what you're after (i.e. doctype and all):

lineNumber = 23;
errorLine = null;
$.post("",function(source) {
    errorLine = source.split(/\r?\n/)[lineNumber];
});