如何制作一个简单的HTML5移动app

1.开发工具的选择：
在编辑器的选择上，Web前端开发自由度是非常高的，即使是文本文档编辑器也可以作为Web开发的工具，但是为了提高开发效率，还是要选择一款功能强大且时髦的编辑器。深圳市博纳网络信息技术有限公司推荐的是近年来席卷前端界的SublimeText，一款独具个性的高级编辑器.
2.app代码编写
01 < html>
02 < canvas id=" myCanvas"></ canvas>
03 < script type=" text/ javascript">
04 console. log(" get id - myCanvas");
05 var canvas = document. getElementById(’ myCanvas’);
06 console. log(" get context - myCanvas");
07 var context = canvas. getContext(" 2d");
08 console. log(" set context font - myCanvas");
09 context. fillStyle = ‘#808080’;
10 context. font = ‘italic 16px sans- serif’;
11 context. textBaseline=’ top’;
12 context. fillText(’ Hello World!’, 0, 50);
13 context. font = ‘bold 24px sans- serif’;
14 context. fillText(’ Hello world!’, 0, 100);
15 </ script>
16 </ html>

3.调试运行 Hello app
调试运行HTML5APP可以选择专业的HTML调试工具，还可以直接使用具有调试功能的浏览器，譬如GoogleChrome、Firefox和Opera这些支持HTML5标准的浏览器均有强大的调试功能。

以上可以看出控制台输出的调试信息全部成功显示出来。

以上是转载深圳市博纳网络信息技术有限公司官网信息（https://www.198bona.com）

来源：CSDN

作者：www198bonacom

链接：https://blog.csdn.net/www198bonacom/article/details/103933210