移动设备网页开发技术移动设备网页开发最基本的技术是HTML/HTML5和CSS/CSS3，复杂的还需要JavaScript，开发人员应掌握相关的基础知识。深圳APP开发公司认为一个基本的移动设备网页要在头部加上以下3项基本设置。
★声明信息：<!DOCTYPEHTML>。
★编码设置：
<metacharset="UTF-8">。
★移动设备特别设置：
<metacontent="width=device-width,user-scalable=no"name="viewport">。
最后一项最重要，其中viewport表示网页大小可适应各种高端移动设备；width设置设备的宽度；user-scalable设置是否调整缩放，默认为yes，一般设置为no。1.移动设备网页开发框架移动设备网页开发可以自己编写大量代码，这样效率较低。由于有Webkit和HTML5的支持，更多的开发人员选择相关开发框架，这样效率更高。主流的移动Web框架列举如下。
（1）jQueryMobile。jQuery是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQueryMobile是jQuery在手机和平板设备上的版本，基于jQueiy页面驱动，支持全球主流的移动平台。
（2）Bootstrap。Bootstrap是Twitter推出的一个用于前端开发的开源工具包，基于HTML、CSS和JavaScript框架，可以编写灵活、稳定、高质量的HTML和CSS代码。Bootstrap有力地支持响应式Web设计，能够同时兼顾PC端和移动端的网页设计。
（3）SenchaTouch。它是第一个基于HTML5的移动Web开发框架。SenchaTouch提供炫丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和AppleiOS设备，用它开发的WebApp看起来像NativeApp。
（4）PhoneGap。这是一个基于HTML、CSS和JavaScript创建跨平台移动应用程序的快速开发平台。用它开发的网页接近NativeApp的性能，可以调用IOS、Android、Blackberry等智能手机的核心功能（包括地理定位、加速器、联系人、声音和振动等），此外PhoneGap拥有丰富的插件可供开发人员调用。业界很多主流的移动开发框架均源于PhoneGap。PhoneGap最突出的优势是打通Web和Native两者之间的通道。
（5）React。这是一个用于构建用户界面的JavaScript库。它起源于Facebook的内部项目，从最早的UI引擎演变成一整套适用于前后端的WebApp解决方案。React主要用于构建UI，可以在React里传递多种类型的参数，如声明代码，渲染出UI，可以是静态的HTMLDOM元素，也可以传递动态变量，甚至是可交互的应用组件。由于React具有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
2.移动设备网页开发工具使用任何文本编辑器都可以编写移动设备网页，不过使用集成开发工具（IntegratedDevelopmentEnvironment，IDE）效率要高得多。这里介绍几种常见的移动设备网页开发工具。
（1）Dreamweaver。DreamweaverCS6是一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持以代码、拆分、设计、实时视图等多种方式创作、编写和修改网页，对于初级人员，无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作。它支持jQueryMobile与PhoneGap移动开发框架。
（2）AdobeEdge。这是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是Web工具包界面，用于确保在不同浏览器中架构的一致性。通过Edge设计的内容可以兼容IOS和Android设备，也可以运行在火狐、Chrome、Safari和IE等主流浏览器上。
（3）WebStrom。WebStorm是JetBrains公司的一款JavaScript开发工具，深受国内开发人员欢迎，被认为是最强大的HTML5编辑器和最智能的JavaScriptIDE等。它与IntelliJIDEA同源，继承了IntelliJIDEA强大的JavaScript部分的功能。IntelliJIDEA在业界被公认为最好的Java开发工具之一，其旗舰版本还支持HTML、CSS、PHP、MySQL、Python等。
3.兼顾PC和移动设备的网页开发网页开发如果要完美适应PC和移动设备，有两种方式：一种是为移动设备单独开发一套页面，在网站首页上用脚本判断访问页面的设备类型然后跳转，如在PC首页加上脚本判断，当用手机访问时则自动跳转到移动版的首页上；另一种是响应式Web设计，通常采用自适应框架对页面进行开发，如Bootstrap，一套页面可以适应各种类型的终端，包括PC端和移动端。好了，APP开发公司本文关于“APP开发+pc端项目建设的流程与准备详解”就分享到这里，希望能给您的工作有所帮助，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/appkaifa/2139.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
