手机页面开发
1. 手机WEB页面开发跟PC端差别大吗
差别大,主要差别在一下方面。
一、开发终端不同
1、手机端:以手机、PDA、UMPC等便携终端为基回础,进行相应的答开发工作。
2、PC端:是开发基于B/S(IE浏览器)的网页开发是由若干个页面组成的有联系的集合。
二、开发方式不同
1、手机端:是为小型、无线计算设备编写软件的流程和程序的集合,像智能手机或者平板电脑。移动应用开发类似于Web应用开发,起源于更为传统的软件开发。
2、PC端:主要针对电子商务领域,不仅是网站美工和内容,可能涉及到网站的一些功能的开发,比制作有更深层次的意思。
三、特点不同
1、手机端:无线中间件(移动中间件)的原理就是把原生的功能封装打包成简单的API,开发人员只需要了解调用这些API的方法,即可完成移动开发。
2、PC端:针对不同的行业领域与市场规模,提供有针对性的解决方案,采用业内最优化的电子商务流程,以及各种受消费者欢迎的营销工具。
2. 手机网站开发怎么开发。
以前的手机网站,受到很多局限,因此,涉及wap网站会有必要 而3G是解决很多局限,使用3G 访问网站也是web网站,速度不比在电脑上差,唯独的区别就是,屏幕小了点。 不过一些协议还是要考虑的,我想这个也最终会解决掉的。
3. 请问移动端网页开发怎么开发
下面是我从网上收集整理的wap2.0手机网站开发需要注意的7个问题:
手机网页编码需要遵循什么规范?
遵循Xhtml Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf),简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML 1.0子集。
网页文档推荐使用扩展名?
推荐命名为xhtml,按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。
为什么现今大多数的网站一行字数上限为14个中文字符?
由于手持设备的特殊性,其页面中实际文字大小未必是我们在CSS中设定的文字大小,尤其是在第三方浏览器中。例如Nokia5310,其内置浏览器 页面内文字大小与CSS设定相符,但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试,其文本大概在16px左右。 假如屏幕分辨率宽度为240px,去除外边距,那么其一行显示14个字以内,是比较保险(避免文本换行)的做法。
使用WCSS还是CSS?
WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集,去掉了一些不适于移动互联网特性的属性,并加入一些具有WAP特性的扩展(如-wap-input-format/-wap-input-required/display:-wap-marquee等)。 需要留意的是,这些特殊的属性扩展并不是很实用,所以在实际的项目开发当中,不推荐使用WCSS特有的属性。
避免空值属性
如果属性值为空,在web页面中是完全没有问题的,但是在大部分手机网页上会报错。
网页大小限制
建议低版本页面不超过15k,高版本页面不超过60k。
用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱?
有条件的话,我们当然建议在手机实体上进行测试,因为目标客户群的手机设备总是在不断变化的,这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况,比如图片色彩,页面大小限制等就很难再模拟器上测试出来。当然,一些第三方手机浏览器的在线模拟器还是可以进行测试的,第三方浏览器相对来说受手机设备的影响较小。
4. java 如何开发手机web页面
首先Java是后台语言,不能进行web前端页面开发,只能在web后台作为服务端语言进行回资源处理答;
如果需要进行移动端web页面开发,那涵盖的前端的知识点很多,最基础的如HTML5/CSS3/Javascript,而在这之上有很多框架是为移动端web页面开发提供便捷开发方式的,如支持响应式布局的bootstrap,如移动端交互的zepto,多了解下这些才能完成页面开发;
5. 手机端的页面怎么开发,和web html有区别吗
两者之间没有区别。
有许多方法可以在手机上开发网页。 目前,html5的发展还不够平专衡,导致主要浏览属器对h5的支持不尽人意。 但是,其添加了@media属性(属于css3,html5和css3的名称在这里没有严格区分,实际上,是两种不同的技术)。
从那时起,网页创建可以根据用户所持有的设备的像素宽度来识别是否正在使用移动电话,从而在用户正在使用移动设备时下载移动页面。 但是,其存在某些缺点。 在这个阶段,手机的标准还很不规范。
(5)手机页面开发扩展阅读:
目前现阶段的手机网页开发,主要的手段是:
其一,在meta标签中添加关于像素宽度的限制语句,然后实现css的相对宽度。 但是,界面会显得杂乱无章,因此很少使用此方法。
其二,这种方法是最常见的。 网站页面分为两个部分,分别面向计算机和手机。 当用户请求页面时,标题信息用于确定其是否是计算机浏览器,然后针对不同的请求发送不同的网页文件。 这样的网页通常不是静态的。
另外,开发移动网页时,可以使用Chrome的开发人员工具。 Chrome开发人员工具可以模拟手机页面的开发,还可以模拟许多设备,方便用户开发。
6. 手机网页用什么开发
目前手机网页开发主要的两个平台就是Android跟IOS开发:
【Android 开发】
安卓手机回软件开发机型覆盖范答围超过113款,其整体设计采用mvc架构。自定义实现产品列表显示模式,自定义实现按键放大缩小动画效果,利用ViewFlipper实现不同界面间滑动的切换效果,并配专业的测试,全面保障APP品质。
【IOS 开发】
iOS开发基于Apple的Cocoa Touch框架,采用 MVC (Model View Controller) 的设计模式,使用Http及Socket两种主流的通讯方式:Http通讯通过xml来传输数据,Socket通讯通过sip指令集的形式来传输数据。
另外你可以选择找一些开发公司进行定制开发,比如【Mcmore麦多】http://www.mcmore.com/
7. 如何进行移动端的页面开发
应该说,移动端的开发是伴随着HTML5的兴起而出现的,2007年第一款iPhone诞生,2009年HTML5这个名词第一次登上“舞台”。当时的移动互联网开始逐渐兴起,发展到今,移动互联网已经和人们的日常生活密切相关。作为开发者,对于一个崭新的事物,一直在尝试的“路上”,到底最好的开发方式是什么?本文介绍了从移动端诞生到现在,自己探索到的开发方法,并配以相应知识点,欢迎跟大家沟通、分享。
初次接触移动端,绝对单位的使用
自己接触移动端开发是在2012年,那时候比较新潮的是制作WEB APP。什么是WEB APP呢?所谓的WEB APP就是用网页模拟出原生语言(如iOS)开发的APP交互效果。虽然在表现层面上,HTML5表现突出,但不得不承认的是,在系统性能层面,WEB APP明显要差于原生应用(即Native APP)。这也就使得WEB APP这条路暂时性的被堵住了。
于是,移动端的开发方向逐渐向移动端网页倾斜。对于PC端,我们一直使用的是px(像素)进行代码的书写,但是到了移动端,需要面临不同的分辨率。在2012年的时候,自己和团队成员在写移动端的时候,由于是初次接触,还是在使用px(像素)作为单位。因为在2012年的时候,绝大多数的手机的屏幕大小都是320*480分辨率,所以,即便是使用像素作为单位进行移动端网页开发也是完全可以的。
关于视口的知识,可点击查看——移动端H5知识-视口viewport
横向百分比,纵向像素值
随着移动端的继续发展,在2012年9月,iPhone5上市,开始引领“特殊分辨率”的发展,于是,320*480分辨率的手机屏幕在整个手机市场当中占有的份额越来越少,各种各样的分辨率如雨后春笋般冒了出来。
此时我们再进行固定像素进行开发明显是不明智的。于是,我们开始采用百分比(相对度量单位)进行盒模型横向属性(width、左右内边距、左右外边距)的制作,使用em(相对度量单位)实现文字的处理。但盒模型纵向上还是使用固定像素作为单位。
但是,这种操作导致了一个问题——主要表现在img标签的处理上。成都软件开发公司http://www.yingtaow.com?对于图片来说,只需要设置横向百分比,纵向会自动等比例缩放。在列表页以及内容页还好,毕竟内容是自动撑开父级高度的;但是在首页或者二级页,但凡涉及到父级元素高度固定的盒模型,里面的img就会出现变形(压缩或者拉伸)的问题。
这个问题也是困扰了自己许久,但是一直没有找到一个非常好的解决办法。
响应式布局
当自己还在纠结img的处理时,2013年,在北京流行起了一种新的技术——响应式布局。通过媒体查询,针对不同大小分辨率的设备,设置不同的样式。应该说,对移动端页面的开发帮助不大,原因在于,响应式的出现主要是因为我们希望一段代码能够同时适配PC端、平板电脑以及手机。由于三种平台的样式以及用户体验应该是迥然不同的,那么此时,我们就需要有“断点”,在不同位置,有不同的样式,而在两个“断点”之间的样式,则使用相对单位做“渐变性的过渡”。
应该说,响应式布局解决了典型的屏幕像素不同样式的问题,但是却依旧搞定不了之前的那个问题。
关于CSS3媒体查询的知识,可点击查看——移动端H5知识-CSS3媒体查询
横向纵向均百分比
在横向百分比,纵向像素值的方法无效时,自己能够想到的就是纵向也设置为百分比了,但是却发现,盒模型属性在纵向上的一些设置上是存在问题的,如padding-top/bottom、margin-top/bottom等。而文本属性中line-height在设置百分比时也并不是按照当前元素高度计算的。
于是,横纵向均设置为百分比的方法就破灭了~
关于盒模型的一些问题以及背景的合理使用,可点击查看——移动端H5知识-百变盒模型以及移动端H5知识-背景的妙用
横向纵向rem
随着HTML5的发展,除了原来的em单位,又新增了rem单位。这两个单位都是相对单位。1em表示的是当前元素一个字体大小的尺寸;而1rem,也表示的是一个字体大小的尺寸,但是是针对html标签进行计算的。相比之下,rem的计算起来要简单很多。于是,自己尝试用rem解决横向以及纵向的设置,舍弃掉了百分比,发现还是挺不错的,算是兼容了绝大多数机型和浏览器。之后,在使用一款华为手机进行测试的时候,发现并不支持横向的rem。于是,又需要想办法啦~~~
正解 —— 横向百分比,纵向rem
针对华为手机,我尝试了横向百分比,发现还是能够支持的,于是就折中了一下,横向使用百分比进行控制,纵向使用rem作为单位。此时能够实现所有浏览器的兼容。
优化正解 —— 横向百分比,纵向rem
在横向使用百分比,纵向使用rem时,会由于计算产生一定的误差,于是,运用学习过的一些HTML5技术,进行移动端页面的优化,例如,使用CSS3的盒阴影替换掉边框。而对于rem,在计算中通常是存在一定的字体误差的(会计算出小数点),此时正好接触了一下淘宝的移动端页面,看到了一个不错的JS框架——flexible.js,通过这个框架对页面进行处理,能够防止小数点的出现。
关于flexible.js框架的具体用法,可点击查看——移动端H5知识-处理rem小数点 flexible.js
优化正解2 —— 任性的使用固定像素来实现
上个月月初,发现网易移动端的制作方法有些特殊,查看代码时发现,网易采用了固定像素进行书写,而通过MetaHandler.js进行了页面的控制。最近尝试了一下,感觉还是挺不错的,兼容也是比较好的,不失为一种好方法。
关于MetaHandler.js框架的具体用法,可点击查看——移动端H5知识-固定像素的实现方法
8. 在手机上如何进行网页开发
一楼说的有点文不对题,
手机页面开发是需要面向不同平台不同机器的,就像你开发的时候写js代码你需要考虑不同厂家的浏览器一样。
目前你有两个方向,我不知道你想向哪个方向发展:
1。wap开发,wap协议是web的子集,你学习会很快,并且支持大部分平台的手机。纯BS的架构,你完全重用J2ee中的框架。 其实每个客户端手机都有自己的浏览器(W3C标准)。你就是与它们的浏览器通讯做页面而己。
2。local的UI开发,也就是纯CS架构,前端需要写UI代码,后端的话你还是可以重用的你构架,写UI代码时类似Swing编码,我想如果你对Java很熟的话那Swing和AWT应该多少知道了。
在这方面你需要选择阵营,目前有几大阵营平台的OS系统:
a. Nokia的Symbian系统; (Symbian语言,接近c++但不同C++)
b. MicroSoft的 Window mobile系统 (c++语言)
c. 最近最火的Iphone系统; (Object C++语言,接近smallTalk语言)
d. 最近上升最快的Google的Android系统 (java)
e. 长久不衰,各个平台都支持,是个“万精油”的J2me系统(j2me各个平台都支持)
f. 黑霉手机采用的RIM系统(也是java语言与j2me有点类似)
g. 现在比较少用,并且不推荐的Palm,和linux系统。(c\c++)
个人建议: 如果你觉得做wap己经够了,那你现在只需要花半个月时间研究一下w3c中关于wap的标签规范,那你就可以做手机网络应用开发了。
如果你想做更高级的应用,即cS架构的本地UI程序,比如游戏等。又分:
a. 如果想简单点,就学j2me和Android,因为他们都是java基础的。并且j2me只是java的子集,比j2se和j2ee要更简单,但j2me没有Android强大,学Android如果有Swing基础会快很多。
b. 如果你觉得转行到C语言也不难,那可以试试Iphone和WM以及Symbian平台,目前这三个平台占据了市场上绝大多数手机的份额。
一个人完全掌握上面所有系统非常难,需要一段长的时间。 我个人掌握了d,e,f三种,因为他们都是java基础的。
另外补充一下你的疑问: j2me和android是两个完全不同的平台,完全没有必要为了学android 而先去学j2me。
j2me是一个虚拟机,它可以被厂家选择安装在任何一台机器上,这样所有用j2me写的游戏都可以跑。
而Android是一个操作系统,它目前只被支持Google的手机支持。只能跑用Android语言开发的程序(Android语言其实就是java语言准备的说是j2se而不是j2me)
9. 手机应用开发,手机网页开发
你换个浏览器试试,有的浏览器,可以直接显示电脑网页的。
我之前用uc ,uc会把网页自动转换
最近用欧鹏,貌似可以达到效果
10. 手机端的页面怎么开发,和web html有区别吗
二者是没有区别的。
手机端的网页开发手段很多,目前html5发展不是很平衡,导致各大浏览器对h5的支持不竟如人意。但是出现了令人惊喜的地方,其中最令人激动的就是增加了@media属性(属于css3,在此不对html5和css3做严格区分,实则二者是两个不同的技术)。自此,网页制作可以根据用户所持设备的像素宽度来辨明是否是在使用手机,从而在用户使用移动设备的时候下载移动页面。但是,也有一定的不足,就是现阶段手机标准很不规范,各大厂商为了赚钱,分辨率已经发展到不可理喻的地步了。
所以,目前现阶段的手机网页开发,主要的手段是几种:
其一,在meta标签里面加入对像素宽度的限制语句,然后再通过css的相对宽度来实现。但这样界面会出现乱排的现象,所以这种手段几乎没人用。
其二,这种方法最为普遍。网站页面分为两个,分别面向电脑和手机,用户请求页面的时候,通过头部信息来判断是否为电脑浏览器,再针对不同的请求发送不同的网页文件。这种网页一般不是静态。
开发手机网页的时候,推荐你使用chrome的开发者工具就行了,chrome开发者工具可以模拟手机页面开发,里面还模拟了很多的设备,从而便于用户开发。