How can I execute a `jQuery.get()` request on an HTML page without the browser attempting to load the reference images?

Question

I'm attempting to write a google chrome extension, which is effectively crawling a page, since chrome extensions allow cross-origin XHR requests.

However, when it does it, it also tries to load EVERY SINGLE IMAGE on the page. This doesn't actually result in the images loading, as the paths are all relative, but it does result in the console becoming clogged with errors.

My question is, can I do a jQuery.get() to request a webpage, without accidentally trying to preload all the images?

EDIT

Code looks like this:

$.get(
    url,
    function parseData(data) {
        console.log("Images are automatically preloaded once " +
                    "this function exits, for some reason");
    },
    'html'
);

score 0 · Answer 1 · answered Apr 20 '11 at 20:43

0

As you dont show your code, my guess is that you load the result into the DOM? once the are detected by the DOM, it will probably try to load them?

So perhaps if you load into a simple variable and then replace/remove all the images first?

answered Apr 20 '11 at 20:43

BerggreenDK

4,915
9
39
61

How do I replace the images without loading it into a DOM? I mean, I'd have to [parse it with regex](http://stackoverflow.com/q/1732348/102441). I've added my code. – Eric Apr 20 '11 at 20:54
Not sure, but the last 'html' does that mean that you replace your entire HTML content? if so, thats the DOM-element. I believe you need to load into a string and then do a string-replace on it before putting the result into HTML element. – BerggreenDK Apr 20 '11 at 21:50

score 0 · Answer 2 · answered Apr 21 '11 at 15:33

put the pulled data into a hidden div, remove the imgs and show the hidden div

html

<div id="junk"></div>

script

$('document').ready(function(){
   $('#junk').hide();
});

function parseData(data){
  $('#junk').html(data).children('img').remove();
  $('#junk').show();
};

example http://jsfiddle.net/E69UR/

How can I execute a `jQuery.get()` request on an HTML page without the browser attempting to load the reference images?

EDIT

2 Answers2