网络应用最佳实践
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
与
如何开发适用于桌面网络浏览器的网页以下做法有助于您提供
是专为 Android 和其他移动设备设计的最有效的 Web 应用。
- 将移动设备用户重定向到您网站的专用移动版网站。这里有一些
来实现这一目的。一种常见的方法是“嗅”该
网络浏览器提供的用户代理字符串。确定
是否提供移动版网站,请查看“移动版”字符串。
<ph type="x-smartling-placeholder">
- 使用 HTML5
。HTML5 是移动网站最常用的标记语言。
此标准提倡以移动端为先的开发方式,以确保网站能够在各种不同的
设备。与以前的网页语言不同,HTML5 使用更简单的
<DOCTYPE>
和
charset
声明:
<!DOCTYPE html>
...
<meta charset="UTF-8">
- 使用视口元数据适当调整网页大小。在您的文档中
<head>
,用于提供指定您希望浏览器视口如何
呈现网页例如,您的视口元数据可以指定
浏览器视口、初始网页缩放比例和目标屏幕密度。
以下示例展示了如何设置视口元数据:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
如需详细了解如何为搭载 Android 的设备使用视口元数据,请参阅支持 Web 应用中的不同屏幕。
- 使用垂直线性布局。避免用户在浏览网页时左右滚动
浏览网页。上下滚动更方便用户操作,还能简化您的网页。
- 将布局高度和宽度设置为
match_parent
。设置
WebView
对象的高度和宽度
match_parent
可确保应用视图的大小正确无误。我们不建议将
高度为 wrap_content
,因为它会导致尺寸不正确。同样,设置
系统不支持将布局宽度设置为 wrap_content
,这会导致 WebView
而是改用其父级的宽度由于存在这种行为,同样请务必确保
WebView
对象的父级布局对象的高度和宽度都设置为
wrap_content
。
- 避免多个文件请求。因为移动设备的连接速度通常
请尽可能加快网页加载速度。加快测试的一个方法是
避免在
<head>
中加载额外的文件,例如样式表和脚本文件。
此外,请考虑
并利用 Google Analytics 4
Google 的 PageSpeed Insights,了解专门针对您的应用的详细优化建议。
其他资源
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-08-23。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-08-23\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-08-23。"]]