convert to markdown for tools_and_testing

mdn · Jul 28, 2022 · 3daf0ba · 3daf0ba
1 parent 6c3b0f4
commit 3daf0ba
Show file tree

Hide file tree

Showing 18 changed files with 3,551 additions and 3,463 deletions.
diff --git a/...n/tools_and_testing/client-side_javascript_frameworks/angular_building/index.md b/...n/tools_and_testing/client-side_javascript_frameworks/angular_building/index.md
diff --git a/.../tools_and_testing/client-side_javascript_frameworks/angular_filtering/index.md b/.../tools_and_testing/client-side_javascript_frameworks/angular_filtering/index.md
diff --git a/..._and_testing/client-side_javascript_frameworks/angular_getting_started/index.md b/..._and_testing/client-side_javascript_frameworks/angular_getting_started/index.md
diff --git a/...s_and_testing/client-side_javascript_frameworks/angular_item_component/index.md b/...s_and_testing/client-side_javascript_frameworks/angular_item_component/index.md
diff --git a/...rn/tools_and_testing/client-side_javascript_frameworks/angular_styling/index.md b/...rn/tools_and_testing/client-side_javascript_frameworks/angular_styling/index.md
diff --git a/..._testing/client-side_javascript_frameworks/angular_todo_list_beginning/index.md b/..._testing/client-side_javascript_frameworks/angular_todo_list_beginning/index.md
diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.md b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.md
diff --git a/...learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md b/...learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md
diff --git a/...ls_and_testing/client-side_javascript_frameworks/react_getting_started/index.md b/...ls_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
diff --git a/...nd_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md b/...nd_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
diff --git a/...s_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.md b/...s_and_testing/client-side_javascript_frameworks/svelte_getting_started/index.md
diff --git a/...d_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md b/...d_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md
diff --git a/...ools_and_testing/client-side_javascript_frameworks/vue_first_component/index.md b/...ools_and_testing/client-side_javascript_frameworks/vue_first_component/index.md
diff --git a/...ools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.md b/...ools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.md
diff --git a/.../zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.md b/.../zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.md
diff --git a/files/zh-tw/learn/tools_and_testing/cross_browser_testing/index.md b/files/zh-tw/learn/tools_and_testing/cross_browser_testing/index.md
@@ -3,31 +3,29 @@ title: 跨瀏覽器測試
 slug: Learn/Tools_and_testing/Cross_browser_testing
 translation_of: Learn/Tools_and_testing/Cross_browser_testing
 ---
-<div>{{LearnSidebar}}</div>
+{{LearnSidebar}}
 
-<p>此模組專注於測試網路專案的跨瀏覽器領域。在此，我們會辨認你的目標閱聽者（例如你最該對什麼樣的用戶、瀏覽器、還有設備操心？）如何做測試、不同類型的程式碼會碰上的主要問題、如何解決/減輕這些問題、哪些工具最能幫你測試和修復問題、還有如何用自動化加速測試。</p>
+此模組專注於測試網路專案的跨瀏覽器領域。在此，我們會辨認你的目標閱聽者（例如你最該對什麼樣的用戶、瀏覽器、還有設備操心？）如何做測試、不同類型的程式碼會碰上的主要問題、如何解決/減輕這些問題、哪些工具最能幫你測試和修復問題、還有如何用自動化加速測試。
 
-<h2 id="先決條件">先決條件</h2>
+## 先決條件
 
-<p>在使用文章所述的工具前，你應該確實理解 <a href="/zh-TW/docs/Learn/HTML">HTML</a>、<a href="/zh-TW/docs/Learn/CSS">CSS</a>、<a href="/zh-TW/docs/Learn/JavaScript">JavaScript</a> 核心語言的基本。</p>
+在使用文章所述的工具前，你應該確實理解 [HTML](/zh-TW/docs/Learn/HTML)、[CSS](/zh-TW/docs/Learn/CSS)、[JavaScript](/zh-TW/docs/Learn/JavaScript) 核心語言的基本。
 
-<h2 id="指引">指引</h2>
+## 指引
 
-<dl>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">跨瀏覽器測試介紹</a></dt>
- <dd>這篇文章將透過給予跨瀏覽器測試概覽重點、回答諸如「何謂跨瀏覽器測試？」、「你最有可能碰上什麼問題？」、「測試、找出、並解決錯誤的主要方法有哪些？」的問題，以作為模組的開頭。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">測試進行策略</a></dt>
- <dd>接著，我們將針對測試執行深入研究、確定目標受眾（像是什麼瀏覽器、設備、或其他需要確認的地方）、低測試策略（low fi testing strategies，讓自己取得需要的設備、虛擬機、還有 adhoc 測試）、進階測試策略（自動化以及使用專用工具）、還有用戶群組間的測試。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">處理常見的 HTML 與 CSS 問題</a></dt>
- <dd>在這裡，我們將關注可能遇上的，常見跨瀏覽器 HTML 與 CSS 程式相關問題，還有能預防或修復淺在問題的工具。這裡面會有語法標示（linting code）、CSS 前輟處理、使用瀏覽器工具找出問題、使用 polyfill 支援瀏覽器、處理響應式網頁問題...等等。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">處理常見的 JavaScript 問題</a></dt>
- <dd>我們會開始觀察常見的跨瀏覽器 JavaScript 程式問題，以及修復的辦法。使用瀏覽器工具追蹤並解決問題、使用 Polyfill 與函式庫解決問題、在老舊瀏覽器實作新功能...等等。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">處理常見的無障礙問題</a></dt>
- <dd>我們要關注無障礙網頁，並提供常見問題的資訊、如何簡易測試、還有使用檢測/自動化工具，以排查無障礙問題。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">功能檢測實做</a></dt>
- <dd>功能檢測牽涉到確定瀏覽器是否支持某個程式碼，是否依賴他執行不同的程式碼，以便部分瀏覽器能提供可執行的體驗，而不是直接崩潰/錯誤。本文詳細介紹如何編寫自己的簡單功能檢測，如何使用函式庫來加速實現，以及用於功能檢測的本機功能，例如 <code>@supports</code>。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">自動化測試介紹</a></dt>
- <dd>每天在好幾個瀏覽器與設備上，運行手動測試數次，既乏味又浪費時間。要有效率的處理這種事，就要開始熟悉自動化工具。我們會在這篇文章看看有哪些可用的工具、如何使用它們、以及如何使用如 Sauce Labs 與 Browser Stack 的商業化瀏覽器測試程式之基本講述。</dd>
- <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">設定你的自動化測試環境</a></dt>
- <dd>我們會在這篇文章教你如何安裝自己的自動化測試環境、並透過 Selenium/WebDriver 以及 Node 的測試函式庫如 selenium-webdriver 來跑你的測試。我們還會講測試環境如何與上篇文章所講述的商業軟體做整合。</dd>
-</dl>
+- [跨瀏覽器測試介紹](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction)
+  - : 這篇文章將透過給予跨瀏覽器測試概覽重點、回答諸如「何謂跨瀏覽器測試？」、「你最有可能碰上什麼問題？」、「測試、找出、並解決錯誤的主要方法有哪些？」的問題，以作為模組的開頭。
+- [測試進行策略](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies)
+  - : 接著，我們將針對測試執行深入研究、確定目標受眾（像是什麼瀏覽器、設備、或其他需要確認的地方）、低測試策略（low fi testing strategies，讓自己取得需要的設備、虛擬機、還有 adhoc 測試）、進階測試策略（自動化以及使用專用工具）、還有用戶群組間的測試。
+- [處理常見的 HTML 與 CSS 問題](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS)
+  - : 在這裡，我們將關注可能遇上的，常見跨瀏覽器 HTML 與 CSS 程式相關問題，還有能預防或修復淺在問題的工具。這裡面會有語法標示（linting code）、CSS 前輟處理、使用瀏覽器工具找出問題、使用 polyfill 支援瀏覽器、處理響應式網頁問題...等等。
+- [處理常見的 JavaScript 問題](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript)
+  - : 我們會開始觀察常見的跨瀏覽器 JavaScript 程式問題，以及修復的辦法。使用瀏覽器工具追蹤並解決問題、使用 Polyfill 與函式庫解決問題、在老舊瀏覽器實作新功能...等等。
+- [處理常見的無障礙問題](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility)
+  - : 我們要關注無障礙網頁，並提供常見問題的資訊、如何簡易測試、還有使用檢測/自動化工具，以排查無障礙問題。
+- [功能檢測實做](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)
+  - : 功能檢測牽涉到確定瀏覽器是否支持某個程式碼，是否依賴他執行不同的程式碼，以便部分瀏覽器能提供可執行的體驗，而不是直接崩潰/錯誤。本文詳細介紹如何編寫自己的簡單功能檢測，如何使用函式庫來加速實現，以及用於功能檢測的本機功能，例如 `@supports`。
+- [自動化測試介紹](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing)
+  - : 每天在好幾個瀏覽器與設備上，運行手動測試數次，既乏味又浪費時間。要有效率的處理這種事，就要開始熟悉自動化工具。我們會在這篇文章看看有哪些可用的工具、如何使用它們、以及如何使用如 Sauce Labs 與 Browser Stack 的商業化瀏覽器測試程式之基本講述。
+- [設定你的自動化測試環境](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment)
+  - : 我們會在這篇文章教你如何安裝自己的自動化測試環境、並透過 Selenium/WebDriver 以及 Node 的測試函式庫如 selenium-webdriver 來跑你的測試。我們還會講測試環境如何與上篇文章所講述的商業軟體做整合。