1 files changed, 58 insertions, 0 deletions
diff --git a/files/zh-tw/tools/debugger/index.html b/files/zh-tw/tools/debugger/index.html
new file mode 100644
index 0000000000..ca245fc16a
--- /dev/null
+++ b/files/zh-tw/tools/debugger/index.html
@@ -0,0 +1,58 @@
+---
+title: 除錯器
+slug: Tools/Debugger
+translation_of: Tools/Debugger
+---
+<div class="note">
+<p>本頁在描述 Firefox Nightly 與 Firefox Developer Edition 第 52 版以後的 JavaScript 除錯器（Debugger）。</p>
+
+<p>要找在此版本之前、或是位於 Beta 與 Release 通道的 Firefox，請參閱<a href="https://developer.mozilla.org/zh-TW/docs/Tools/Debugger_%28before_Firefox_52%29">Firefox 52 之前的除錯器</a>。</p>
+
+<p>如果你是這個版本的除錯器，但需要用舊版本的除錯器，你可以去 about:config 那裡，把「devtools.debugger.new-debugger-frontend」選為 <code>false</code></p>
+</div>
+
+<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>
+
+<p>JavaScript 除錯器可以讓 JavaScript 單步執行，並檢查或修改其狀態，以便查找錯誤。</p>
+
+<p>你可以在本地或是在遠端除錯用 Firefox 除錯。一個遠端除錯的例子，就是在 Android 設備上執行 Firefox for Android。請參閱<a href="/zh-TW/docs/Tools/Remote_Debugging">遠端除錯</a>以理解如何把欲除錯的目標，連接到除錯器上。</p>
+
+<p>The debugger ships inside Firefox, and these pages describe how to use the version that's embedded in Firefox. However, you can also run it as a standalone web application, and can then use it to debug code running in other browsers and in Node. For more details on that, see the <a href="https://github.com/devtools-html/debugger.html">project's GitHub repository</a>.</p>
+
+<p>新版除錯器尚未支援所有舊版除錯器的功能。請參閱<a href="/zh-TW/docs/Tools/Debugger/Limitations_of_the_new_debugger">新版除錯器的侷限</a>。</p>
+
+<hr>
+<h2 id="用戶介面導覽">用戶介面導覽</h2>
+
+<p>如果要自己摸索除錯器，我們有<a href="/zh-TW/docs/Tools/Debugger/UI_Tour">UI 的快速導覽</a>。</p>
+
+<hr>
+<h2 id="如何">如何</h2>
+
+<p>如果要知道除錯器可以做什麼，請看看以下的教學：</p>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Open_the_debugger">打開除錯器</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Set_a_breakpoint">設定中斷點</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">設定有條件的中斷點</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Disable_breakpoints">解除中斷點</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Step_through_code">單步執行程式碼</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Breaking_on_exceptions">在例外中斷</a></li>
+ <li><a href="https://developer.mozilla.org/zh-TW/docs/Tools/Debugger/How_to/Set_Watch_Expressions">設定觀察表達式</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">美化壓縮檔案</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Search">搜尋</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Debug_eval_sources">eval 來源除錯</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/How_to/Use_a_source_map">Use a source map</a></li>
+</ul>
+</div>
+
+<hr>
+<h2 id="參閱">參閱</h2>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/zh-TW/docs/Tools/Debugger/Keyboard_shortcuts">快捷鍵</a></li>
+ <li><a href="/zh-TW/docs/Tools/Debugger/Source_map_errors">Source map errors</a></li>
+</ul>
+</div>