利用HBuider创建自己的第一个app

版权声明：转载声明原作者及链接 https://blog.csdn.net/ICY___/article/details/84993731

许多人都觉得创建一个app是一项巨大的工程，靠一己之力根本无法解决，然而，借助HBuider和前端的一些知识，创建一个app变的简单且高效。（本次只是html和css的应用，面向和我一样的小白）（限安卓）

• 首先我们需要下载一个HBuider软件，值得称赞的是，该软件不但具有强大的代码提示功能，而且还完全免费，运行速度也不错。但有一说一，关于用户的体验还需要优化，相对比与vs code 和webstrom的实际体验来说，真的是还有一定的差距，虽然说方向不同，但这不是理由。（在百度直接搜索然后在官网下载）
• 接下来就是建立根文件，根据软件提示，基本类似于网页的操作。

• 

• 然后，就可以开始你的app制作了，其方法在不用它自身框架的情况下，与静态网页制作基本类似。
• 页面展示
• 

• 完成后需要在不同的手机尺寸下测试，之后选择打包，在线打包，在参数配置里面可以设置一些实用的东西如图标等，最后按照提示操作，下载，你就可以在自己的手机上打开自己的app了！

关于期间发生的一些问题，打个总结！！！

1. 与谷歌浏览器在调试hover  active 时，两者的显示效果不同，经过我自己的测试，应该以谷歌为准，记得调试的时候要刷新页面，不然会有显示上的错误。
2. 由于在HBuider上敲代码实在感觉不爽，所以我是搭配vs code来完成的，也就是说代码的编写由vs code 完成，关于vs code 只能越来越火！
3. 在使用HBuider时有时会有一些莫名的卡顿，不要着急，等等就好。还有一些操作是不可逆的，这有点难受，建议将自己写好的代码复制一套，以便不时之需。
4. 图片的格式要正确，不能出现中文的字符，而网页中是允许的。
5. 尽量利用百分比去布局，这样可以避免好多问题。
6. 在关于手机屏幕的高获取时，我是利用这个js写的。（在不是全屏显示的时候，还需要减去屏幕上方的信号栏，如果时虚拟按键的手机，还需要减去虚拟按键的高）（调了整整一下午#__#）

<script>
            var webview=document.getElementById("boxheight");
            var viewheight=window.screen.availHeight;
            webview.style.height=(viewheight-460)+"px";
</script>