Hbuilder怎么封装APP?APP怎么生成?

简介HBuilder是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

1.下载安装好Hbuilder软件,然后打开,选择文件》新建》移动app。
2.然后填写应用名称等基本信息,注意这里模板选择空模板即可。
3.在左侧项目管理器找到刚才创建的项目,
(这里说明一下,css、img、js文件是自动生成的空文件夹,不用管。我们这里需要修改的是index.html和manifest.json)。
4.先打开index.html 删除掉原来的js代码,插入新的代码(可以直接使用下面的index.html代码)。
5.打开manifest.json配置下图标和启动图片配置好以后(下图示例没有修改,使用的默认图标和启动图片),点击菜单发行》发行为原生安装包。

弹出对话框选择好ios,Android,再点击打包就可以了,最后等待几分钟,打包好以后下载就OK了!

1

index.html文件代码:

<!DOCTYPE html><html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
                function plusReady() {                var zxlmweb = plus.webview.create("http://yoututu.cc/")//这里输入要访问的网址
                zxlmweb.show(); // 显示窗口
                     
                plus.key.addEventListener("backbutton", function() { //监听返回按键
                                plus.runtime.quit(); //退出app             
                }, false);
            }            if(window.plus) {
                plusReady();
            } else {                document.addEventListener('plusready', plusReady, false);
            }        </script>
    </body></html>

如果你觉得文章对你有帮助可以赞赏我哟~




声明:
1,如果您发现本文件已经失效不能下载,请联系站长修正或留言!
2,本站提供的资源多数为百度网盘下载,对于大文件,你需要安装百度云客户端才能下载!
3,部分文件引用的官方或者非网盘类他站下载链接,你可能需要使用迅雷、BT等下载工具下载!
4,本站推荐的资源均经由站长检测或者个人发布,不包含恶意软件病毒代码等,如果你发现此类问题,请向站长举报!
5,本站仅提供文件的免费下载服务,如果你对代码程序软件的使用有任何疑惑,请留言。
6,本网站在文章内容仅供于学习参考使用,请勿作为商业通途使用,版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系,我们会及时进行处理解决。

下一篇:

tp5写分页内容会重置怎么办?


上一篇:

Navicat


文章评论

Top