Jquery mobile 未在iFrame中加载Url

Jquery mobile 未在iFrame中加载Url,jquery-mobile,iframe,cordova,Jquery Mobile,Iframe,Cordova,我试图在iFrame中加载url,并使用jQuery Mobile选项卡,但它显示的是空框架,url没有加载。这里是html代码 <div data-role="tabs" id="tabs"> <div data-role="navbar"> <ul> <li><a href="#one"><img src="faceBook.png" width="84" height="38"></a&g

我试图在iFrame中加载url,并使用jQuery Mobile选项卡,但它显示的是空框架,url没有加载。这里是html代码

<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>

&抄袭;ABC


更新:给定的Facebook黑客行为不再有效,已于2014年7月解决



您无法将其放置在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.

有一些可能的时间密集型解决方法,例如用作代理

使用社交网络的特定黑客,如Facebook的黑客,由于合法性和他们正在进行修复的事实,不推荐使用这些黑客,之后你的应用程序/网站等将不再工作

创建本机移动应用程序的缺点是可移植性为零

例如,创建一个主要使用Web标准(HTML、CSS、JQuery)的移动应用程序

专业的

  • 易于设计和设置
对立面

  • 便携性


最后一个是我的建议,只要你有少量需要提供的操作系统。

由于点击劫持,大多数社交网站不允许自己在iFrame中运行。facebook、twitter和googleplus都是如此……那么还有其他解决方案吗?我不希望它们在手机浏览器中打开,我希望它们在应用程序中打开,这样我就可以有效地使用jquery选项卡。不,没有将这些网站嵌入到其他网站的解决方案。如果用户尚未登录,他们需要登录,为了安全起见,他们禁止浏览器在任何外部框架中显示他们,以避免网络钓鱼。除了iFrame,我还可以使用什么来实现这一点?@adilwaqar我会使用PHP中的客户端url库,您认为它符合您的目的吗?