Как организовать парсинг iframe при помощи javascript?

Question

[skyfly2010]

Доброй ночи, дорогие друзья, появилась необходимость спарсить контент iframe. Просмотреть исходный код документа в iframe можно через любой браузер, а вот спарсить что-то пока не получилось. Извиняюсь, что возможно многие из моих кодов не корректны, я только занялся изучением javascript.
Итак, сейчас имеем:

var iframe = document.getElementById('happyFrame'); 
var frameDocs = iframe.contentDocument || iframe.contentWindow.document;
var link = frameDocs.getElementsByClassName('name');
alert(link.length);

В данном случае, alert выводит 0. В то время, как в него должна попасть ссылка.
Класс с именем 'name'. в коде iframe только один.

Пример ссылки, хреф которой нужно достать:

<div class="item_info">
 <a href="http://yyxxhh.com/u1jj12232lj" class="name" target="_blank">Мялка-палка</a>
</div>

Answer 1

[Mark Doe]

Как гласит документация по iframe.contentDocument

Because of security reasons, the contents of a document can be accessed from another document only if the two documents are located in the same domain.

Т.е. это свойство доступно только для фреймов, которые находятся на одном домене с текущим документов (в целях безопасности, например, что бы вы не загрузили во фрейме сообщения соцсеточки и не спарсили их)

Однако если хочется и очень-очень нужно - можно сделать кроссдоменный ajax-запрос на адрес фрейма при помощи YQL (как именно, можно подробнее узнать в этой статье) , и удобно спарсить нужную инфу

Вот например по-быстрому набросаный пример - парсит из фрейма на чужом домене имя последнего добавленого персонажа и соотвественно картинку с ним output.jsbin.com/todetucede

Comments

[Алексей Блышко]

о, сколько нам открытий чудных... :)

[skyfly2010]

О! Нифига-себе. Я завтра попробую в этом всем разобраться. Надеюсь сработает. Спасибо за труды!

[skyfly2010]

Mark Doe Я что-то пока не доехал, а как получить адрес страницы, например из ссылки, которую я добавил в вопрос?
Грубо говоря, мне нужно получить адрес предмета "href" и его имя. Хотя, фиг с ним, можно и без имени. Имя я потом парсером на PHP достану.

[Mark Doe]

skyfly2010:
В моем коде-примере есть следующая строка

var parsedImg = jQuery(html).find(".thumb>a>img")[0];

Вам (если следовать вашему примеру) нужно заменить ее на следующее

var parsedLink = jQuery(html).find(".name")[0];
var linkHref = jQuery(parsedLink).attr('href'); //аттрибут href
var linkText = jQuery(parsedLink).text(); //текст ссылки

[Mark Doe]

skyfly2010: ну и по нашей старой традиции - пример с вашими данными output.jsbin.com/hoviwedugu

[skyfly2010]

Mark Doe - Вы сууууууупер кодер. Прекрасный скрикт. Все работает как надо!

[nail4ik]

Mark Doe: а почему нельзя спарсить ссылку на профиль из виджета авторизации ВК? У этой ссылки даже класс есть.

[Mark Doe]

nail4ik: потому что она тоже во фрейме

[nail4ik]

Mark Doe: фрейм внутри фрейма? из виджета я смог получить одну ссылку, а на профиль не получается. Также внутри фрейма виджета есть объект содержащий id. Можно ли его вытащить?

Answer 2

[Алексей Блышко]

Если в iframe находится контент с другого домена, то получить к нему доступ извне достаточно проблематично - там достаточно злобные настройки безопасти.

Пример статейки с их описанием habrahabr.ru/company/mailru/blog/210050

В общем случае проще парсить документы на серверной стороне.