APP开发平台 > Blog > 手机端网站直接制作手机APP教程

1.第一步需要官网下载一个APICloud Studio   IDE

新建一个项目后,对根目录下的index.html文件进行修改即可;

2.比如直接填写百度的首页代码如下;

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">

    <title>Hello APP</title>

    <link rel="stylesheet" type="text/css" href="./css/api.css" />

    <style type="text/css">

    html,body{

        height: 100%;

    }

    #wrap{

        height: 100%;

        display: -webkit-box;

        display: -webkit-flex;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-flex-flow: column;

               flex-flow: column;

    }

    #header{

        text-align: center; background-color: #81a9c3; color: #fff;

        width: 100%;

    }

    #header h1{

        font-size: 20px; height: 44px; line-height: 44px; margin: 0em; color: #fff;

    }

    #main{

        -webkit-box-flex: 1; 

        -webkit-flex: 1;

        flex: 1;

    }

    #footer{

        height: 30px; line-height: 30px;

        background-color: #81a9c3; 

        width: 100%;

        text-align: center;

    }

    #footer h5{

        color: white;

    }

    .con{font-size: 28px; text-align: center;}

    </style>

</head>

<body>

    <div id="wrap">

       <!-- <div id="header">

        

        </div>-->

        <div id="main">

        </div>

       <!-- <div id="footer">

            <h5>Copyright &copy;<span id="year"></span> </h5>

        </div>-->

    </div>

</body>

<script type="text/javascript" src="./script/api.js"></script>

<script type="text/javascript">

    apiready = function(){

//console.log("Hello APICloud");

 

       // var header = $api.byId('header');

        //适配iOS 7+,Android 4.4+状态栏

//      $api.fixStatusBar(header);

//

//      var headerPos = $api.offset(header);

        var main = $api.byId('main');

        var mainPos = $api.offset(main);

        api.openFrame({

            name: 'main',

            url: 'http://www.baidu.com',

            bounces: true,

//          rect: {

//              x: 0,

//              //y: headerPos.h,

//              w: 'auto',

//              h: mainPos.h

//          }

        });

 

//      var year = $api.byId('year');

//      year.innerHTML = new Date().getFullYear();

 

    };

</script>

</html>


目前APICloud上线了网站一键生成app的神器,直接输入网站即可一键生成app,大大节省了开发app的周期,让每一个有网站没有app的站长都能直接拥有自己的app。点击下方链接立即用网站生成一个app吧。

https://www.apicloud.com/autogeneration


An efficient app outsourcing platform that guarantees timely delivery!

Submit Requirements