这篇文章不像之前的一些文章那么详细，更接近索引的性质，因为只是折腾出了一种对我有用的方案，不是一种单一的技术，工具，或是经验。如果各位像我一样，想做一个简单的移动应用(不仅限于Android)，又没有那么多时间去研究如何开发，甚至是从头学习一门语言(比如JAVA)，这会是一种比较好的方案。 现在有一个Web应用，功能很简单，输入一串条形码，查询出对应的商品价格和编号。直接在移动设备上访问它也能工作，但浏览网页时的缩放按钮会影响网站的显示效果。所以第一步要在head部分的meta信息中加上这一句：
|
1 |
<meta name="viewport" content="user-scalable=no, width=device-width" /> |
这样网页就能适应屏幕大小，而且没有缩放按钮了。某些网站的“手机版”，其实就是加上这一句，然后调整了一些样式而已。接下来把网页元素——文本框/列表/按钮等——变成移动设备上的样式。我比较熟悉jQuery，于是先尝试了jQTouch和jQMobile。引入jQMobile的方式如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> <script type="text/javascript"> //初始化 $(document).bind("mobileinit", function(){ $.extend( $.mobile , { foo: bar }); }); </script> <div data-role="header" data-position="inline"> <h1>Dmyz</h1> </div> |
jQTouch也类似，引入相应的js/css文件，初始化。jQTouch可以有不同的主题，因此外观的可定制性 …
