title: Checking file size -- file stored on server (not uploaded!); using JavaScript without AJAX request
body: <p>Like in the title. With jQuery, or even simple JavaScript code, I can get table of all scripts (CSSes and images) that particular page uses, and I'm looking, if there is any solution to get each resource file size?</p>
  
  <p>I think I did a quite good research here. Most answers are about files uploaded to server, being uploaded or just before being uploaded, so that is not, what I'm looking for. There is some support introduced in HTML5, but again, it seems to be for uploaded files only.</p>
  
  <p>Of course, I'm looking for a cross-browser solution, so using some crappy file-object, introduced in old IE, is also not, what I'm looking for. Also, please let me underline, that I'm talking purely about checking file size of a file <strong>stored on server, accessible by given URL</strong>. So, please, don't write answers like, that I can't access <em>local files</em>, from JavaScript, for security reasons. I already know that.</p>
  
  <p>I found <a href="https://stackoverflow.com/questions/7909641/javascript-check-file-size/7909914#7909914">quite great solution on SO</a>, but it uses AJAX request to solve the problem. Although it is very interesting (sending request of HEAD type), it might not work on all servers (but was tested by answer's author that is supported to all major browsers). And I'm a bit thrilling about firing AJAX request for each resource I find on each analysed page.</p>
  
  <p>So, I'm assuming that there isn't such solution. And I would be happy, if someone could prove that my assumption is wrong. But, then, on the other hand, how do they do this in for example Firebug? If I'm not mistaken, XPI extensions are written in JavaScript, right? And Firebug certinally can measure sizes of resuorces used in current website.</p>