Eliminate 404 url error in console?

Question

I try to eleminate an 404 error occuring because the source (src) is missing..

var $chart = $("<img />")
    .addClass("trend-pic")
    .error(function(){
        console.log("error loading..")
    });
try{
    $chart.attr("src", jobs[counter].url + "test/trend")
}catch(err){
    $chart.attr("src", "");
}    

if tried many stuff to catch the error i.e. putting an .error(function(){}) at the end. use the $chart.load() - method to check if the images gets loaded? Non of those helped?

GET {myURLString} 404 (Not Found)

Browser: Safari

Answer 1

You can't really delete those 404 errors from the console. The best you can do is make some ajax calls and see the return code, but then you'll be limited to request only to your own domain.

EDIT--

Oh, and yes, those errors will keep showing in the "Requests" tab! They just won't appear in the "Console" tab (in Chrome).

Answer 2

I think there is no way to eliminate the error from your console, except using the right url. In your code with the try {} catch() the error is thrown and $chart.attr will be called again with an empty string.

What you can do is add a check like this before you set the .attr()

if (jobs[counter].url !== void 0 && 
    jobs[counter].url.length !== 0) {

       $chart.attr("src", jobs[counter].url + "test/trend")
}

so you can remove the try{} catch()

Hope it helps.

Answer 3

Just the answer is No.Because this is the only way Server send "there is a Error".

Refer this one.

Prevent 404 Error in console

Answer 4

404 is not an error. It is the way server says it does not have the source referred by the client.