phonegap:加载远程html

时间:2012-05-06 12:10:14

标签: android cordova

我正在寻找一种在phonegap android app中加载远程html的方法。 我正在使用super.loadUrl("file:///android_asset/www/hello.html");但是如何加载远程html页面?

1 个答案:

答案 0 :(得分:7)

这是非常简单的Venkat,

只需使用http请求

加载所需的html页面

super.loadUrl("http://www.test.com/test1.html");

或者您可以像加载一样加载本地html文件

super.loadUrl("file:///android_asset/www/hello.html");

并在hello.html中使用onLoad()javascript函数中的window.location来加载外部html页面。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <!-- Change this if you want to allow scaling -->
    <meta name="viewport" content="width=default-width; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>LoadUrl
    <script type="text/javascript" charset="utf-8">
    function onBodyLoad()
    {
        document.addEventListener("deviceready",onDeviceReady,false);
    }
    /* When this function is called, PhoneGap has been initialized and is ready to roll */
    function onDeviceReady()
    {
    // do your thing!
      window.location="http://170.60.26.20:8099/Sencha/Html/index.html";
    }
    </script>
  </head>
  <body onload="onBodyLoad()">   
  </body>
</html>

请确保在android清单文件中设置了Internet权限。