浏览器兼容性
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
在构建内容驱动型 Web 应用时,请务必考虑受众群体正在使用哪些浏览器。有些浏览器可能使用不支持最新功能的旧版浏览器,而另一些则可能使用的是功能更强大的新版浏览器。无论用户使用何种浏览器,用户都可以访问您的应用。
您可以采用渐进式增强功能,也可以先使用所有浏览器都支持的最基本功能,然后再为新版浏览器添加其他功能。功能检测是覆盖过时浏览器或新浏览器用户的另一种策略。通过功能检测,您可以确定用户浏览器支持哪些功能,然后加载适当的代码。您的应用应使用用户浏览器能够支持的最新功能。
同时针对新式浏览器和旧版浏览器时,您需要考虑一些利弊。首先,您可能需要针对不同的浏览器使用不同的代码。这可能会使代码更复杂且难以维护。您可能无法在所有浏览器中使用最新功能。这可能会限制应用的功能。
根据应用的不同,旧版浏览器可能出于法律原因或业务用例仍需要支持。如果大多数用户都使用的是较旧的硬件,并且无法更新,则可能需要使用 polyfill。polyfill 可为旧版网络浏览器提供现代功能,让您可以使用最先进的 Web 技术和 API,同时仍确保与旧版浏览器兼容。
您可以借助许多功能强大的工具来检查所用的技术或 API:
- Project Baseline:提供在受支持的浏览器中正常运行的功能,并由 Google 和其他常用系统提供支持,致力于改善开发者的体验。
- Caniuse:一项资源,用于查找 Web API 并查看所跟踪的所有浏览器的支持状态。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-07-10。
[{
"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-07-10\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-07-10。"]]