当前位置:首页 » 网页前端 » 手机web开发
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

手机web开发

发布时间: 2022-02-10 02:33:15

⑴ 移动前端开发和 Web 前端开发的区别是什么

1.web前端开发

用最简单粗暴的方式来讲,就是用html + css + javascript来构建一个供人浏览的网页,其中又包括两个主要的分类:pc端网页开发以及移动端网页开发(很多时候被称为h5开发)。
那么这两者有什么区别呢,依据本人的经验来看,pc端的网页开发要考虑更多样式兼容性的问题,ie,火狐,chrome等各大浏览器内核不一,使用到新特性的时候需要给样式加上最基础的兼容前缀,所以最好的做法还是尽量避免使用新样式属性来完成预期的效果。在移动端开发网页就基本不用考虑这种浏览器间的兼容问题了,手机上的浏览器绝大部分是webkit内核的,所以在移动端网页开发的时候能用到很多新的特性,像是极大简便了页面布局的flex布局,还有各种语义化的标签等。但是由于移动端手机的尺寸种类繁多,所以在这方面要下点功夫,举个最简单的例子就是一行本来是能显示3个目标的item但是在某些小尺寸的手机上只能显示2个。其他还有一些细微的区别例如js库的选择(pc上用jQuery,移动端用zepto等)。
像一个官方网站肯定是需要在pc上以及移动端都能有较好的显示效果,为了解决这个问题的方案主要有2种。一是使用像是bootstrap这种自适应的网页UI框架,根据设备的宽度不同显示不同的效果。但是现在主流还是做2套UI再根据UserAgent等来分别显示不同的页面,这样在移动端的显示能更灵活一点。
2.移动前端开发
主流的移动前端开发指的是Android一级iOS的原生开发,什么是原生开发,最简单来讲就是Android用java写iOS用ObjectC(swift)写。这样做出来的app在浏览体验上肯定是优于网页的。
由于原生开发需要两个端开发,开发周期长(原生开发难度比web开发要大),所以最近很多公司都会把产品的一些页面抽出来用webview来实现,甚至还可以使用phonegap将你的网页打包成app(可以理解为纯webview的一个app)。这样的app称为hybrid app,可以说是在开发效率以及用户体验上各有取舍得出来的产物吧。本人也是使用过ionic以及react native这两个hybrid app框架,可以说是节约时间人力成本的一种不错的选择吧,并且还能让你一个web程序员产生了一种自豪感:“卧槽我居然能开发app了。”

⑵ 移动前端开发和web前端开发的区别

移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端
那么他们的区别在哪呢?我给你分析一下:
1、新技术的使用
目前移动终端主要以Webkit内核为中心,更好地支持HTML5等新技术,让新技术得到更广泛的应用。但是PC终端的开发需要兼容IE等老浏览器,所以新技术的应用必须考虑浏览器的兼容性。
2、业务的应用场景
Web前端开发主要是指传统的在电脑端开发网页,网页主要运行在PC端,而手机端开发的网页运行在手机端。这两者没有区别,孰难孰易。开发难度主要看业务需求。
3、页面的适配性
在传统的PC端页面开发中,需要为页面设置固定的宽度,以确保两侧都有页边距。但是移动页面会选择在手机屏幕上显示尽可能多的内容,因为它的运营商手机屏幕比PC端小得多。这时候就要求移动页面要能完全适应各种屏幕尺寸的手机,最大限度地利用。从这个页面的适应性来看,移动端比PC端更难。
4、页面的性能
一般情况下, PC端的网络通过网线或 WIFI与网络相连,而移动端则比较复杂。除 WIFI外,还有2 G、3 G、4 G、5 G,甚至常常会有多个不同网络连接间的切换。因此, PC端的网络状况将比移动端更加稳定。移动端的页面资源不能太大,否则当网络状况不好时,页面无法访问,这对网页性能造成了很大的影响。
以上就是我给你分享的关于移动前端和web前端的区别,希望我的回答对你有所帮助

⑶ 手机web后端开发

例如android,访问数据库之类的,一般不在android项目直接访问,二是去访问接口(后端开发),通过接口访问数据库。我理解的一个好处是,减少前台的数据库的直接访问,1降低资源消耗(毕竟手机不如电脑吧)2把访问数据库放在后端,如果前端不变,只是后端业务逻辑变了,不用重新发布,只改后台就可以。

⑷ Java 如何开发手机web页面

首先Java是后台语言,不能进行web前端页面开发,只能在web后台作为服务端语言进行资源处理;
如果需要进行移动端web页面开发,那涵盖的前端的知识点很多,最基础的如HTML5/CSS3/Javascript,而在这之上有很多框架是为移动端web页面开发提供便捷开发方式的,如支持响应式布局的bootstrap,如移动端交互的zepto,多了解下这些才能完成页面开发;

⑸ 在手机上如何进行网页开发

一楼说的有点文不对题,

手机页面开发是需要面向不同平台不同机器的,就像你开发的时候写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)

⑹ 手机端的页面怎么开发,和web html有区别吗

两者之间没有区别。

有许多方法可以在手机上开发网页。 目前,html5的发展还不够平衡,导致主要浏览器对h5的支持不尽人意。 但是,其添加了@media属性(属于css3,html5和css3的名称在这里没有严格区分,实际上,是两种不同的技术)。

从那时起,网页创建可以根据用户所持有的设备的像素宽度来识别是否正在使用移动电话,从而在用户正在使用移动设备时下载移动页面。 但是,其存在某些缺点。 在这个阶段,手机的标准还很不规范。

(6)手机web开发扩展阅读:

目前现阶段的手机网页开发,主要的手段是:

其一,在meta标签中添加关于像素宽度的限制语句,然后实现css的相对宽度。 但是,界面会显得杂乱无章,因此很少使用此方法。

其二,这种方法是最常见的。 网站页面分为两个部分,分别面向计算机和手机。 当用户请求页面时,标题信息用于确定其是否是计算机浏览器,然后针对不同的请求发送不同的网页文件。 这样的网页通常不是静态的。

另外,开发移动网页时,可以使用Chrome的开发人员工具。 Chrome开发人员工具可以模拟手机页面的开发,还可以模拟许多设备,方便用户开发。

⑺ 请问移动端网页开发怎么开发

下面是我从网上收集整理的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。
用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱?
有条件的话,我们当然建议在手机实体上进行测试,因为目标客户群的手机设备总是在不断变化的,这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况,比如图片色彩,页面大小限制等就很难再模拟器上测试出来。当然,一些第三方手机浏览器的在线模拟器还是可以进行测试的,第三方浏览器相对来说受手机设备的影响较小。

⑻ 手机Web应用和PC Web应用在开发上最大的区别是什么

手机web应用需要技术的掌控更强一些,最大的区别在于要考虑屏幕的问题,以及处理效率问题。
参考文献:天翼空间应用工厂

⑼ 手机web前端开发哪个技术好

zepto这个比较小,语法跟jquery一样,比较适合移动端开发

⑽ 手机端的页面怎么开发,和web html有区别吗

二者是没有区别的。
手机端的网页开发手段很多,目前html5发展不是很平衡,导致各大浏览器对h5的支持不竟如人意。但是出现了令人惊喜的地方,其中最令人激动的就是增加了@media属性(属于css3,在此不对html5和css3做严格区分,实则二者是两个不同的技术)。自此,网页制作可以根据用户所持设备的像素宽度来辨明是否是在使用手机,从而在用户使用移动设备的时候下载移动页面。但是,也有一定的不足,就是现阶段手机标准很不规范,各大厂商为了赚钱,分辨率已经发展到不可理喻的地步了。
所以,目前现阶段的手机网页开发,主要的手段是几种:
其一,在meta标签里面加入对像素宽度的限制语句,然后再通过css的相对宽度来实现。但这样界面会出现乱排的现象,所以这种手段几乎没人用。
其二,这种方法最为普遍。网站页面分为两个,分别面向电脑和手机,用户请求页面的时候,通过头部信息来判断是否为电脑浏览器,再针对不同的请求发送不同的网页文件。这种网页一般不是静态。
开发手机网页的时候,推荐你使用chrome的开发者工具就行了,chrome开发者工具可以模拟手机页面开发,里面还模拟了很多的设备,从而便于用户开发。