blob: 816fd3631958729993fb585de3f07f8bd4b1d21a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
---
title: 跨浏览器测试
slug: Learn/Tools_and_testing/Cross_browser_testing
tags:
- CSS
- HTML
- JavaScript
- 初学者
- 工具
- 易用性
- 测试
- 自动化
- 跨浏览器
translation_of: Learn/Tools_and_testing/Cross_browser_testing
---
<div>{{LearnSidebar}}</div>
<p class="summary">该模块侧重于跨浏览器测试web项目。我们会查看您的目标受众（例如，您最需要担心的用户，浏览器和设备），如何进行测试最主要的问题是您会遇到不同类型的代码和怎么缓解他们，什么工具对于你测试和解决问题是最有帮助的，以及如何使用自动化来加速测试。</p>
<h2 id="先决条件">先决条件</h2>
<p> 在你尝试使用这里详细介绍的工具时，你需要已经学习核心<a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and <a href="/en-US/docs/Learn/JavaScript">JavaScript</a> 语言。</p>
<h2 id="指南">指南</h2>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">跨浏览器测试简介</a></dt>
<dd>本文通过提供跨浏览器测试主题的概述，回答诸如“什么是跨浏览器测试？”，“您将遇到的最常见类型的问题是什么？”和“什么是测试，识别和解决问题的主要方法？“</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">测试策略</a></dt>
<dd>接下来，我们深入了解测试，寻找目标受众（例如：你需要确定测试的浏览器，设备和其他部分），低成本测试策略（必要时对各种设备和一些虚拟机进行adhoc测试），更高科技策略（自动化，使用专用测试apps）和用户组测试。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS"> 处理常见的HTML和CSS问题</a></dt>
<dd>现在，我们着重考虑你在HTML和CSS代码中可能遇到的一些常见的跨浏览器问题，以及那些工具可以用来防止问题发生和解决问题。这包括代码检查，处理CSS前缀，使用浏览器开发工具找出问题，使用polyfills添加浏览器支持，解决响应式问题等。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">处理常见的JavaScript问题</a></dt>
<dd>现在我们来看看常见的跨浏览器JavaScript问题，以及怎么解决它们。这会包括使用浏览器开发工具跟踪和解决问题的信息，使用polyfills和库来解决问题，让现代的JavaScript特性在老浏览器中工作等等。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">处理常见的可访问性问题</a></dt>
<dd>然后，我们把注意力转向可访问性上，提供常见问题的信息，怎么做简单的测试，和怎么使用审计/自动化工具找到可访问性问题。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">实现特征检查</a></dt>
<dd><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">特征检查包括确定浏览器是否支持确定的代码块，据此运行不同的代码，让浏览器能一直正常工作，而不是在一些浏览器上崩溃/报错。</span></font></code>本文详细介绍了愈合如何写简单的特征检查，怎么使用库来加速实现,和一些像<code>@supports</code>的本地特性来进行特征检查。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">自动测试简介</a></dt>
<dd>每天多次在几个浏览器和设备上手动运行可能会枯燥，浪费时间。有效处理这个问题，你需要熟悉自动化工具。在本文中，我们介绍可用的方法，怎么使用任务运行程序，以及学习怎么使用商业浏览器自动化测试工具如 Sauce Labs 和Browser Stack的基础知识。</dd>
<dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">建立你自己的自动化测试环境</a></dt>
<dd>在本文中，我们会教你怎么安装你自己的自动化环境，并使用Selenium / WebDriver和测试库（如selenium-webdriver for Node）运行自己的测试。我们还将介绍如何将本地测试环境与商业应用程序集成在一起，正如上一篇文章所讨论的。</dd>
</dl>
|
