移动Web开发简介及注意事项

移动Web开发为移动Web开发引入了两种主流解决方案。一种是单独制作移动页面，另一种是制作响应页面。

移动页面：

单独制作移动页面的优点和缺点：

单独制作移动页面的常见方法是不更改原始PC页面，然后为移动终端开发一组特定版本。

如果是移动设备（iPhone 6/7/8 Plus），请跳转到移动页面

如果是PC端设备，请跳到PC端页面

响应页面：

响应页面是指同一页面在不同的屏幕尺寸下实现不同的布局，从而使页面与不同的终端兼容。

响应式开发主要用于解决移动互联网浏览问题

响应式页面的优点：

它可以是跨平台的。响应式开发具有跨平台的优势，可以快速解决多终端设备的显示适配问题。

搜索引擎可以方便地包含，并且在移动设备和PC上都可以访问相同的链接地址，这减少了权重的分散。使网站对搜索引擎更友好。

成本节约。响应式网站可以兼容多个终端，开发者不需要为每个终端编写不同的代码。对于开发人员来说，它减少了大量重复性工作，提高了工作效率；对于公司来说，它节省了人员开支并降低了开发成本

1.移动终端开发选项：

单独的移动终端页面（主流）：

通常，移动终端可以通过在URL域名前面添加m（mobile）来打开。通过判断设备，如果它是移动设备，它将跳转到移动终端页面。

响应式兼容PC移动终端（第二个）：

通过判断屏幕宽度来改变样式，以适应不同的终端。

2.移动终端技术选择：

单独的移动终端页面：

流式布局（百分比布局）

灵活灵活的布局（强烈建议）

Less+rem+媒体查询布局

混合布局

响应式页面兼容移动终端：

媒体查询

独自创立

移动端基础

浏览器

浏览器按设备类型划分，主要包括PC浏览器和移动浏览器

浏览器内核主要包括Blink、WebKit和Trident。

PC端的常见浏览器：

PC浏览器主要包括Google Chrome浏览器（推荐）、Mozilla Firefox浏览器和Edge浏览器。

Chrome浏览器的优点：

市场占有率高，兼容性好，界面简单易用。基于强大的JavaScript V8引擎，速度非常快。

该功能可以通过扩展插件进行增强，方便开发人员使用。内置防钓鱼和恶意软件功能，更安全。

跨平台，在PC端支持Windows、Linux和Mac系统，在移动端支持Android和iOS系统。

常用移动浏览器：

移动设备主要包括Android、iOS和其他移动设备。

手机屏幕当前状态：

移动设备有许多屏幕大小，并且严重分散。

Android设备有多种分辨率：480x800、480x854、540x960720x12801080x1920，以及传奇的2K和4k屏幕。

近年来，iPhone的碎片化程度也有所增加。iPhone设备的主要分辨率为640x960、640x1136、750x1334、1242x2208等。

作为开发人员，我们不需要关注这些分辨率，因为我们常用的大小单位是px。

屏幕尺寸非常大，手机的分辨率和大小不同，碎片化严重。

移动浏览器主要包括Android浏览器、Mobile Safari和国内浏览器。

浏览器的核心主要是Webkit核心，它为HTML5提供了良好的支持。

国内浏览器主要有UC浏览器、QQ浏览器和百度浏览器。它们都基于Webkit的修改内核。中国没有自主开发的内核，就像国内手机操作系统是基于安卓修改开发的一样。

结论：与主流移动浏览器兼容，只需处理Webkit核心浏览器即可。

移动Web开发的注意事项1.移动设备受到屏幕大小的限制：操作相当有限，因此需要注意的是，页面结构不应该太复杂，网站的核心功能应该被提取并简洁清晰地呈现。

2.移动终端操作模式的改变：移动终端页面的所有交互活动都由鼠标控制改为手指触摸屏控制，操作模式更加丰富，如摇动、双指放大、滑动、双击、点击等。

统软云是一种用于开发iOS和Androidapp的web语言，是一种多终端开发框架，可以通过一个c语言同时开发Android、iOS、H5和小程序