Question

我正在尝试开发一个显示我的在线Webapp页面的Firefox OS 我在下面编写了一个代码，其中显示了iframe中的webapp内容我的webapp使用jQuery mobile，它在iframe中无法正常工作，因为它引用了父html的历史记录有没有其他方式来显示webapp或正确运行jQuery mobile的方式？
提前谢谢。

<html>
  <body>
    <ul role="tablist" id="tabs">
     <li>
       <a href="#panel1" class="TabIcon"></a>
       <div role="tabpanel">
         <!-- Web app iframe -->
         <iframe src="http://mywebapp.com/content/"></iframe>
       </div>
     </li>
     <li>...</li>
  </ul>
 </body>
</html>

Answer 1

如果您的应用是特权应用，则可以将mozbrowser属性添加到iframe，将内容隔离一点https://developer.mozilla.org/en-US/docs/WebAPI/Browser

或者，您可以尝试将整个应用程序作为单个托管应用程序实施，而不是将部分包装在iframe中，并使用appcache为您要脱机访问的部分。

Answer 2

如何设置window.location？

<html>
<script>
  window.location = 'http://www.example.com';
</script>
<body>
</body>
</html>

Answer 3

实现您正在寻找的内容的唯一方法是使用iframe。实际上，firefoxos中的每个应用程序都在iframe中运行。

您需要的是向您的应用添加Browser权限，并将iframe与mozbrowser一起使用。如果mozbrowser属性不够，您还可以添加remote属性以强制iframe在其他进程中加载。

   <div role="tabpanel">
     <!-- Web app iframe -->
     <iframe src="http://mywebapp.com/content/" mozbrowser="true" remote="true">
     </iframe>
   </div>

有关mdn网站的更多信息，请访问：https://developer.mozilla.org/en-US/docs/Web/API/Using_the_Browser_API

有没有办法在Firefox OS App中显示没有iframe的网页？

3 个答案: