关于 Angular 开发时对主流浏览器支持的话题

简介: 关于 Angular 开发时对主流浏览器支持的话题

理想情况下,一个 Angular 应用将在客户使用的任何浏览器中统一呈现。


然而,Web 浏览器并不都支持相同的 Web 标准,它们也不以相同的方式处理这些标准。 例如,有不同的方式来解释标准的规范,进行设计决策。这些不同的设计决策方式,会导致不同的结果,以及出现一些只有在某种浏览器上才能重现的错误。


对于受支持的每个浏览器,都会产生包括 QA、架构决策和技术决策在内的实施工作。


image.png


总之,Angular 开发人员必须在提供出色的 Web 页面体验和尽可能多地支持现有的不同 Web 浏览器之间取得平衡。


Spartacus 旨在利用最新的网络平台标准,同时还允许您在尽可能多的不同网络浏览器中运行您的 Spartacus 店面。 但是,一些较旧的浏览器不支持最新标准,因此,Spartacus 不支持这些浏览器。 Spartacus 积极支持 常青浏览器(evergreen browsers),这意味着对常青浏览器进行了端到端测试和手动 QA.


Evergreen 浏览器是自动升级到未来版本的 Web 浏览器,而不是通过分发新版本(例如,在操作系统更新中)进行更新。


Spartacus 只支持常绿浏览器,因为 Spartacus 遵循标准的 Angular,Spartacus 库通过有意避免库代码中的 browser quirks 来保持尽可能干净,并且没有计划投资于非常旧的浏览器的自动化测试。


image.png


尽管 Spartacus 可能不支持较旧的浏览器,但有一些常用技术可以支持这些浏览器。 以下是您可以采取的一些步骤,让旧版浏览器与 Spartacus 一起工作:


  • 配置 TypeScript 编译器以转换为适当版本的 JavaScript。
  • 添加 JavaScript polyfill 以提供一些旧浏览器中不包含的 Web 功能。
  • 利用 PostCSS(自动)在浏览器未包含 CSS 标准语法的地方添加供应商前缀样式规则。


相关文章
|
2月前
|
缓存 前端开发 测试技术
Angular 与 Angular Universal 超厉害!实现服务器端渲染,开启高效开发与优质用户体验之旅!
【8月更文挑战第31天】在现代前端开发中,用户体验至关重要。Angular Universal 为 Angular 应用提供服务器端渲染(SSR)解决方案,显著提升性能和可访问性。本文介绍 SSR 的优势,包括更快的首屏加载时间、更好的 SEO 和更稳定的用户体验。接着详细讲解安装和配置 Angular Universal 的步骤,并提供优化 SSR 性能的方法,如延迟加载、缓存和预取技术。同时讨论了处理动态内容的策略,并介绍了测试和部署的最佳实践。通过遵循这些实践,可以确保应用高效稳定运行,提升用户体验。附带的示例代码展示了如何在服务器端和客户端处理数据。
23 0
|
2月前
|
JavaScript 搜索推荐 API
Angular携手Angular Universal:全面实现服务器端渲染技术——从环境搭建到部署的详尽指南
【8月更文挑战第31天】在现代Web开发中,服务器端渲染(SSR)对于提升应用加载速度和SEO至关重要。Angular Universal作为Angular的SSR解决方案,允许在服务器上渲染应用,再发送至客户端,显著提高初始加载速度。本文将详细介绍如何使用Angular和Angular Universal实现SSR,并分享最佳实践。
35 0
|
2月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署:Angular与Angular Universal手把手教你实现服务器端渲染(SSR),全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染(SSR)是现代Web开发的关键技术,能显著提升SEO效果及首屏加载速度,改善用户体验。Angular Universal作为官方SSR解决方案,允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR,并分享最佳实践。首先需安装Node.js和npm。
28 0
|
2月前
|
前端开发 UED
Angular 动画教程超赞!掌握让应用更具交互性的技巧,开启精彩的前端动画之旅!
【8月更文挑战第31天】在现代前端开发中,提升用户体验至关重要,而动画是增强应用交互性的有效手段。Angular 提供了强大的动画功能,可轻松添加各种动画效果。本文介绍了 Angular 动画的基本概念、使用动画模块、事件触发动画、动画序列与并行执行、性能优化及结合第三方动画库等最佳实践。通过遵循这些实践,可以充分发挥 Angular 动画的优势,提升用户体验。下面是一个简单的示例应用,展示了如何使用 Angular 动画实现元素的显示和隐藏效果。
27 0
|
2月前
|
前端开发 JavaScript 测试技术
Angular CLI 快速入门超棒!这个提高开发效率的必备工具,带你轻松开启 Angular 项目之旅!
【8月更文挑战第31天】作为一名前端开发者,我发现Angular CLI是提升Angular项目开发效率的强大工具。它是Angular团队提供的命令行工具,能快捷创建、开发及维护项目。通过简单命令即可创建项目、生成组件、服务、模块等,并支持构建、测试与部署,大幅简化开发流程,使开发者更专注业务逻辑。项目结构清晰,便于理解和维护,极大地提高了开发效率。如果你还未尝试Angular CLI,强烈推荐一试,其便捷性定会让你爱不释手。
36 0
|
4月前
|
JavaScript 前端开发 开发者
Angular框架:企业级Web应用的强大后盾
Angular,谷歌支持的JavaScript框架,因其组件化架构、双向数据绑定、依赖注入和路由系统,成为企业级Web开发首选。组件化促进代码重用,如`AppComponent`示例。双向数据绑定简化DOM操作,减少手动工作。依赖注入通过示例展示易管理依赖,提升测试性。路由则支持SPA开发,平滑页面过渡。Angular的特性增强了开发效率和应用质量,使其在Web开发领域保持领先地位。【6月更文挑战第25天】
49 2
|
Web App开发 存储 前端开发
使用 Chrome 开发者工具研究一个基于 Angular 开发的网站源代码
使用 Chrome 开发者工具研究一个基于 Angular 开发的网站源代码
|
前端开发 JavaScript vr&ar
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
|
5月前
|
开发框架 前端开发 安全
Angular:构建现代Web应用的终极选择
Angular:构建现代Web应用的终极选择
85 0
|
存储 缓存 JavaScript
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构