Question

我正在尝试在iFrame中加载网址并使用 jQuery Mobile 标签，但它显示空框架并且此处未加载网址是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>

Answer 1

更新：给定的Facebook黑客不再工作，它已于7月14日解决

您无法将其放在IFrame中，因为页面开发者已禁止您这样做。

正如您在此处看到的，使用IOS开发人员控制台时

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

X框-选项

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.

有一些可能的时间密集型解决方法，例如使用CURL (PHP.net)作为代理。

使用社交网络的特定黑客，例如Facebook的this个，不推荐，由于合法性以及他们正在修复的事实，之后您的应用程序/网站等将不再工作。

创建Native Mobile应用程序，但缺点是具有ZERO可移植性。

创建一个主要使用Web标准（HTML，CSS，JQuery）的移动应用程序，例如Cordova。

PRO

易于设计和设置

CONTRA

可移植性

最后一个是我建议的，只要你有少量的操作系统，就需要服务。

网址未在iFrame中加载

1 个答案: