-
Notifications
You must be signed in to change notification settings - Fork 8.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
zh-cn: revise translation of "Cross browser testing" (#20008)
Co-authored-by: A1lo <yin199909@aliyun.com>
- Loading branch information
1 parent
e16cab0
commit 266094b
Showing
1 changed file
with
13 additions
and
11 deletions.
There are no files selected for viewing
24 changes: 13 additions & 11 deletions
24
files/zh-cn/learn/tools_and_testing/cross_browser_testing/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,33 @@ | ||
--- | ||
title: 跨浏览器测试 | ||
slug: Learn/Tools_and_testing/Cross_browser_testing | ||
l10n: | ||
sourceCommit: 26e2f9883e0e73def04c0e86fec6da3ec42e66b3 | ||
--- | ||
|
||
{{LearnSidebar}} | ||
|
||
本模块的重点是在不同的浏览器上测试 web 项目。我们研究确定你的目标受众(例如,你最需要担心哪些用户、浏览器和设备),如何去做测试,不同类型的代码中会面临的主要问题以及如何缓解这些问题,哪些工具在帮助你测试和解决问题方面最有用,以及如何使用自动化来加速测试。 | ||
本模块主要介绍如何跨浏览器测试 Web 项目。我们将探讨如何确定目标用户群(例如,你应该关注哪些用户、浏览器和设备)、进行测试的方法、不同类型代码可能遇到的主要问题及其解决策略、哪些工具在测试和问题解决过程中最为有效,以及如何利用自动化技术加快测试进程。 | ||
|
||
## 前提 | ||
|
||
在你尝试使用这里详细介绍的工具时,你需要已经学习核心 [HTML](/zh-CN/docs/Learn/HTML)、[CSS](/zh-CN/docs/Learn/CSS) 和 [JavaScript](/zh-CN/docs/Learn/JavaScript) 语言。 | ||
在你尝试使用这里详细介绍的工具前,你需要掌握 [HTML](/zh-CN/docs/Learn/HTML)、[CSS](/zh-CN/docs/Learn/CSS) 和 [JavaScript](/zh-CN/docs/Learn/JavaScript) 语言的基本知识。 | ||
|
||
## 指南 | ||
|
||
- [跨浏览器测试简介](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction) | ||
- : 本文通过提供跨浏览器测试主题的概述,回答诸如“什么是跨浏览器测试?”、“将遇到的最常见类型的问题是什么?”和“什么是测试,识别和解决问题的主要方法?”等问题。 | ||
- : 本文是本模块的起始点,通过概述跨浏览器测试主题,回答了诸如什么是跨浏览器测试、会遇到哪些常见的问题和测试以及识别和解决问题主要有哪些方法等问题。 | ||
- [测试策略](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies) | ||
- : 接下来,我们深入了解测试,寻找目标受众(例如:你需要确定测试的浏览器,设备和其他部分),低成本测试策略(必要时对各种设备和一些虚拟机进行 adhoc 测试),更高科技策略(自动化,使用专用测试 app)和用户组测试。 | ||
- : 接下来,我们将深入探讨测试流程、确定目标受众(例如:你需要明确哪些浏览器、设备等需要进行测试)、实施低成本测试策略(在必要时在各种实体设备和虚拟机上进行临时测试)、采用更高级的技术策略(例如自动化测试和使用专门的测试应用程序)以及进行用户群体测试。 | ||
- [处理常见的 HTML 和 CSS 问题](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS) | ||
- : 现在,我们着重考虑你在 HTML 和 CSS 代码中可能遇到的一些常见的跨浏览器问题,以及哪些工具可以用来防止问题发生和解决问题。这包括代码检查,处理 CSS 前缀,使用浏览器开发工具找出问题,使用 polyfill 添加浏览器支持,解决响应式问题等。 | ||
- : 现在,我们着重考虑你在 HTML 和 CSS 代码中可能遇到的一些常见的跨浏览器问题,以及哪些工具可以用来防止问题发生和解决问题。这包括代码检查、处理 CSS 前缀、使用浏览器开发工具找出问题、使用 polyfill 添加浏览器支持以及解决响应式(responsive)设计问题等。 | ||
- [处理常见的 JavaScript 问题](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript) | ||
- : 现在我们来看看常见的跨浏览器 JavaScript 问题,以及怎么解决它们。这会包括使用浏览器开发工具跟踪和解决问题的信息,使用 polyfill 和库来解决问题,让现代的 JavaScript 特性在老浏览器中工作等等。 | ||
- : 现在我们将研究常见的跨浏览器 JavaScript 问题以及如何解决它们。这包括使用浏览器开发工具来追踪和修复问题,使用 polyfills 和库来解决问题,以及在旧版浏览器中实现现代 JavaScript 功能等内容。 | ||
- [处理常见的无障碍问题](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility) | ||
- : 然后,我们把注意力转向无障碍上,提供常见问题的信息,怎么做简单的测试,和怎么使用审计/自动化工具找到无障碍问题。 | ||
- [实现特性检查](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection) | ||
- : 特性检查包括确定浏览器是否支持确定的代码块,据此运行不同的代码,让浏览器能一直正常工作,而不是在一些浏览器上崩溃/报错。本文详细介绍了如何编写简单的特性检查代码,怎么使用库来加速实现,利用一些像 `@supports` 的原生特性来进行特性检查。 | ||
- : 然后,我们把注意力转向无障碍上,提供有关常见问题的信息,介绍如何进行简单的测试,以及如何使用审计/自动化工具发现无障碍问题。 | ||
- [实现特性检测](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection) | ||
- : 特性检测涉及到判断浏览器是否支持某一代码块,并根据其是否支持运行不同的代码,以便浏览器始终能正常工作,而不是在某些浏览器中崩溃或出错。本文详细介绍了如何编写你自己的简单特性检测,如何使用库来加速实现,以及用于特性检测的原生特性,例如 `@supports`。 | ||
- [自动测试简介](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing) | ||
- : 每天多次在几个浏览器和设备上手动运行可能会枯燥,浪费时间。有效处理这个问题,你需要熟悉自动化工具。在本文中,我们介绍可用的方法,怎么使用任务运行程序,以及学习如何使用商业浏览器自动化测试工具(如 Sauce Labs 和 Browser Stack)。 | ||
- : 手动在多个浏览器和设备上多次运行测试,是一件很乏味和耗时的事。为了有效地处理这一问题,你应该熟悉自动化工具。在本文中,我们将了解有哪些可用的工具,如何使用任务运行器,以及如何使用商业浏览器测试自动化应用程序(如 Sauce Labs 和 Browser Stack)的基础知识。 | ||
- [建立你自己的自动化测试环境](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment) | ||
- : 在本文中,我们会教你怎么安装你自己的自动化环境,并使用 Selenium / WebDriver 和测试库(如 selenium-webdriver for Node)运行自己的测试。我们还将介绍如何将本地测试环境与商业应用程序集成在一起,正如上一篇文章所讨论的。 | ||
- : 在本文中,我们会教你怎么安装自己的自动化环境,并使用 Selenium/WebDriver 和测试库(如 selenium-webdriver for Node)运行自己的测试。我们还将介绍如何将本地测试环境与商业应用程序(正如上一篇文章所讨论的)集成在一起。 |