2014-02-04 5 views
1

я пытаюсь загрузить URL в плавающем фрейме и с помощью JQuery Mobile вкладки, но он показывает пустой кадр и URL не загружается здесь HTML-кодUrl не загружается в плавающем фрейме

<div data-role="tabs" id="tabs"> 
    <div data-role="navbar"> 
    <ul> 
     <li><a href="#one"><img src="faceBook.png" width="84" height="38"></a></li> 
     <li><a href="#two"><img src="gplus.png" width="84" height="38"></a></li> 
     <li><a href="#three"><img src="linkedInn.png" width="84" height="38"></a></li> 
     <li><a href="#four"><img src="tweeter.png" width="84" height="38"></a></li> 
    </ul> 
    </div> 
    <div id="one"> 
    <iframe id="facebookFrame" height="100%" width="100%" src="http://m.facebook.com" > </iframe> 
    </div> 
    <div id="two"> 
    <iframe id="gplus" height="100%" width="100%" src="https://plus.google.com" > </iframe> 
    </div> 
    <div id="three"> 
    <iframe id="linked" height="100%" width="100%" src"https://touch.www.linkedin.com" > </iframe> 
    </div> 
    <div id="four"> 
    <iframe id="tweet" height="100%" width="100%" src="https://mobile.twitter.com" > </iframe> 
    </div> 
</div> 
<div data-role="footer"> 
    <p>&copy;ABC</p> 
</div> 
+2

Большинство социальных сайтов не позволяют себе запускать iFrames из-за кликнинга. Это точно верно для facebook, twitter и googleplus ... – ezanker

+0

так что есть ли другое решение? я не хочу, чтобы они открывались в браузере телефона, я хочу, чтобы они открывались в приложении, поэтому я могу эффективно использовать вкладки jquery. , , –

+0

Нет, нет решения для встраивания этих сайтов в другой веб-сайт. Они требуют входа в систему, если пользователь не зашел в систему уже, и для обеспечения безопасности они запрещают браузеру отображать их в любом внешнем фрейме во избежание фишинга. – CBroe

ответ

1

ОБНОВЛЕНИЕ: учитывая Facebook хак больше не работает, она была решена 07/14



Вы не можете поместить его в IFrame, потому что разработчики страниц запретили вам сделать это.

Как вы можете видеть здесь, при использовании разработчика консоли IOS

Refused to display document because display forbidden by X-Frame-Options. 

X-Frame-Options

DENY 
The page cannot be displayed in a frame, regardless of the site attempting to do so. 

SAMEORIGIN 
The page can only be displayed in a frame on the same origin as the page itself. 

Есть несколько возможных timeintensive обходных путей, как с помощью CURL (PHP.net) как прокси.

Использование конкретных Hacks из социальных сетей, как this один для Facebook, которые НЕ РЕКОМЕНДУЕТСЯ, из-за законностью и из-за того, что они работают на исправления, после чего ваш Application/Веб-сайт и т.д. будет НЕ работает больше.

Создание собственного мобильного приложения, с недостатком, что у вас есть переносимость ZERO.

Создание мобильного приложения, которое использует в основном веб-стандарты (HTML, CSS, JQuery), например Cordova.

PRO

  • Простота стиля и настройки

CONTRA

  • Переносимость

Последний является ш я бы предложил, если у вас небольшое количество операционных систем, которые нужно обслуживать.

Смежные вопросы