вернуть первое изображение src страницы с Js?

Question

Я пишу расширение Google Chrome, и я хочу показать первое изображение веб-страницы (например: блог) в popup.htm. Пока я знаю, как реализовать значок, поэтому я пытался работать назад и редактировать значок в первом изображении страницы. Проблема в том, что значок был настолько прост! Все, что мне пришлось написать для данной переменной, было

function favicon(a) 
{ 
return "chrome.../" +a; 
} 

Теперь я могу найти img.src справочной страницы. Но я не уверен, как найти одну уникальную страницу (представленную пользователем). Я гугле каждый путь мой словарный запас разрешения и до сих пор придумали это ...

function getLavicon(a) 
{ 
    /* 
    find first image on page requested 
    get url of first image 
    return url 
    */ 

    return $(localStorage.getItem(a)).find('img').first().attr('src'); 
} 

возвращает пустое изображение. Дайте мне знать, нужны ли скриншоты.

Answer 1

Зачем использовать jQuery для этого? Вы можете получить первый URL изображения на странице, используя следующий код:

var firstImage = document.getElementsByTagName("img")[0]; 
console.log(firstImage.src) // This will print out the source of the image on the console 

Теперь вы можете использовать источник первого изображения, когда вы хотите, просто используя firstImage.src Довольно сладкий и чистый да? :)