remove retired locales (#699)

4 files changed, 0 insertions, 469 deletions

diff --git a/files/th/tools/debugger/index.html b/files/th/tools/debugger/index.html
deleted file mode 100644
index c384131b2e..0000000000
--- a/files/th/tools/debugger/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: The Firefox JavaScript Debugger
-slug: Tools/Debugger
-tags:
-  - Debugger
-  - Debugging
-  - Dev Tools
-  - JavaScript
-  - NeedsTranslation
-  - Tools
-  - TopicStub
-  - 'l10n:priority'
-translation_of: Tools/Debugger
----
-<div>{{ToolsSidebar}}</div>
-
-<p>The JavaScript Debugger enables you to step through JavaScript code and examine or modify its state to help track down bugs.</p>
-
-<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>
-
-<p>You can use it to debug code running locally in Firefox or running remotely, for example on an Android device running Firefox for Android. See <a href="/en-US/docs/Tools/Remote_Debugging">remote debugging </a>to learn how to connect the debugger to a remote target.</p>
-
-<p>To find your way around the debugger, here's a <a href="/en-US/docs/Tools/Debugger/UI_Tour">quick tour of the UI</a>.</p>
-
-<h2 id="How_to">How to</h2>
-
-<p>To find out what you can do with the debugger, see the following how-to guides:</p>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Open_the_debugger">Open the debugger</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Set a breakpoint</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Set a conditional breakpoint</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Set_an_XHR_breakpoint">Set an XHR breakpoint</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Set_a_logpoint">Set a logpoint</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Set_event_listener_breakpoints">Set event listener breakpoints</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disable breakpoints</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">Step through code</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Breaking_on_exceptions">Break on exceptions</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_Watch_Expressions">Set watch expressions</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Debug_worker_threads">Debug worker threads</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Pretty-print a minified file</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Search">Search</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Debug eval sources</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">Use a source map</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/How_to/Use_watchpoints">Use watchpoints</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Break_on_DOM_mutation">Break on DOM Mutation</a></li>
-</ul>
-</div>
-
-<hr>
-<h2 id="Reference">Reference</h2>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/en-US/docs/Tools/Debugger/Keyboard_shortcuts">Keyboard shortcuts</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/Source_map_errors">Source map errors</a></li>
-</ul>
-</div>
diff --git a/files/th/tools/debugger/ui_tour/index.html b/files/th/tools/debugger/ui_tour/index.html
deleted file mode 100644
index ba66e82936..0000000000
--- a/files/th/tools/debugger/ui_tour/index.html
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: หนังโป้
-slug: Tools/Debugger/UI_Tour
-translation_of: Tools/Debugger/UI_Tour
-original_slug: Tools/Debugger/www.หนังโป้.com
----
-<div>{{ToolsSidebar}}</div>
-
-<p>บทความนี้แนะนำโดยย่อเกี่ยวกับส่วนหลักของส่วนต่อประสานผู้ใช้ JavaScript Debugger UI ถูกแบ่งออกเป็นสามส่วนในแนวตั้ง</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_list_pane">บานหน้าต่างรายการแหล่งที่มา</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">บานหน้าต่างแหล่งที่มา</a></li>
- <li>เนื้อหาของบานหน้าต่างที่สามขึ้นอยู่กับสถานะปัจจุบันของดีบักเกอร์และอาจรวมถึงส่วนต่อไปนี้:
-  <ul>
-   <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Toolbar">แถบเครื่องมือ</a></li>
-   <li>รับชมการแสดงออก</li>
-   <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Breakpoints_list">จุดพัก</a></li>
-   <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Call_stack">เรียกสแตก</a></li>
-   <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Scopes">ขอบเขต</a></li>
-   <li>XHR</li>
-   <li>จุดพักการฟังเหตุการณ์</li>
-   <li>การเปลี่ยนสายพันธุ์ของ DOM</li>
-  </ul>
- </li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16840/debugger_uiTour_01.png" style="border: 1px solid black; display: block; height: 598px; margin-left: auto; margin-right: auto; width: 922px;"></p>
-
-<h2 id="บานหน้าต่างรายการแหล่งที่มา">บานหน้าต่างรายการแหล่งที่มา</h2>
-
-<p>บานหน้าต่างรายการแหล่งข้อมูลจะแสดงรายการไฟล์ต้นฉบับ JavaScript ทั้งหมดที่โหลดลงในหน้าและช่วยให้คุณสามารถเลือกหนึ่งไฟล์ที่จะดีบั๊กที่แหล่งข้อมูลระดับบนสุดจะถูกจัดระเบียบโดยแหล่งกำเนิดและภายใต้ว่าพวกเขาจัดระเบียบ โดยโครงสร้างที่พวกเขาจะให้บริการ</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16841/debugger_uiTour_02.png" style="border: 1px solid black; display: block; height: 598px; margin-left: auto; margin-right: auto; width: 922px;"></p>
-
-<p>คุณสามารถ<a href="/en-US/docs/Tools/Debugger/How_to/Search#Searching_for_files">ค้นหาไฟล์</a>โดยใช้<kbd>Ctrl</kbd>+ <kbd>P</kbd>( <kbd>Cmd</kbd>+ <kbd>P</kbd>บน Mac)</p>
-
-<p>ส่วนขยายของเว็บจะแสดงรายการในบานหน้าต่างรายการแหล่งที่มาโดยใช้ชื่อส่วนขยาย</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16868/source_list_pane.png" style="border: 1px solid black; display: block; height: 324px; margin: 0px auto; width: 373px;"></p>
-
-<p>มีตัวเลือกเมนูหลายไฟล์และโฟลเดอร์หรือกลุ่มโดยทั่วไปแล้วจะดูได้โดยคลิกขวาที่รายการ</p>
-
-<p>สำหรับไฟล์ตัวเลือกเมนูบริบทต่อไปนี้จะมีให้ใช้งาน:</p>
-
-<p><img alt="สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับไฟล์ในบานหน้าต่างรายการแหล่งที่มา" src="https://mdn.mozillademos.org/files/17200/debugger-source-list-file-menu.png" style="height: 205px; width: 298px;"></p>
-
-<ul>
- <li><strong>คัดลอก URI ของแหล่งที่มาคัดลอก</strong>ตัวระบุแบบเต็มของไฟล์ไปยังคลิปบอร์ด</li>
- <li><strong>แหล่งที่มาของ Blackbox</strong>ทำให้โปรแกรมดีบั๊กข้ามไฟล์เมื่อฟังก์ชั่น "เข้าสู่" สิ่งนี้มีประโยชน์ในการหลีกเลี่ยงการเข้าไปในห้องสมุดที่โค้ดของคุณใช้ เมื่อไฟล์เป็น "blackboxed" ไฟล์นั้นจะมีไอคอนรูปตาเล็ก ๆ อยู่ข้างๆแทนไฟล์ของไอคอนปกติ</li>
- <li><strong>ไฟล์ดาวน์โหลดจะ</strong>เปิดกล่องโต้ตอบไฟล์เพื่อให้คุณสามารถบันทึกไฟล์ไว้ในเครื่องได้</li>
-</ul>
-
-<p>สำหรับโฟลเดอร์และกลุ่มมีตัวเลือกเมนูบริบทต่อไปนี้:</p>
-
-<p><img alt="สกรีนช็อตแสดงตัวเลือกเมนูบริบทสำหรับโฟลเดอร์ในบานหน้าต่างรายการแหล่งที่มา" src="https://mdn.mozillademos.org/files/17201/debugger-source-list-folder-menu.png" style="height: 203px; width: 536px;"></p>
-
-<ul>
- <li><strong>ยุบทั้งหมด</strong>ยุบโฟลเดอร์ย่อยทั้งหมดของรายการ</li>
- <li><strong>ขยายทั้งหมด</strong>ขยายโฟลเดอร์ย่อยทั้งหมดของรายการ</li>
- <li><strong>ตั้งค่าไดเรกทอรีราก</strong>เปลี่ยนมุมมองรายการแหล่งที่มาเพื่อให้เห็นเฉพาะรายการและรายการย่อย ชื่อของไดเรกทอรีที่เลือกจะแสดงที่ด้านบนของบานหน้าต่างรายการแหล่งที่มา การคลิกที่ชื่อนี้จะเปลี่ยนเป็นบานหน้าต่างเพื่อแสดงรายการที่มาทั้งหมด</li>
- <li><strong>Blackbox</strong> (ตั้งแต่ Firefox 76)
-  <ul>
-   <li><strong>ไฟล์ Blackbox ในไดเรกทอรีนี้</strong>ทำให้ไฟล์ทั้งหมดในไดเรกทอรีที่เลือกถูกข้ามโดยดีบักเกอร์ ไฟล์ลูกทั้งหมดได้รับไอคอนรูปดวงตาและตัวเลือกเมนูโฟลเดอร์จะเปลี่ยนเป็น<strong>ไฟล์ Unblackbox ในไดเรกทอรี</strong>นี้</li>
-   <li><strong>ไฟล์ Blackbox ที่อยู่นอกไดเรกทอรีนี้</strong>ทำให้ไฟล์ทั้งหมดนอกเหนือจากที่อยู่ในไดเรกทอรีที่เลือกถูกข้ามโดยตัวดีบั๊ก ไฟล์ดังกล่าวทั้งหมดจะได้รับไอคอนรูปดวงตาและตัวเลือกเมนูสำหรับโฟลเดอร์นั้นจะเปลี่ยนเป็น<strong>ไฟล์ Unblackbox นอกไดเรกทอรี</strong>นี้</li>
-  </ul>
- </li>
-</ul>
-
-<h3 id="มุมมองโครงร่าง">มุมมองโครงร่าง</h3>
-
-<p>มุมมองโครงร่างแสดงแผนผังสำหรับการนำทางไฟล์ที่เปิดอยู่ในปัจจุบัน ใช้เพื่อข้ามไปยังนิยามฟังก์ชันคลาสหรือเมธอดโดยตรง</p>
-
-<h2 id="บานหน้าต่างแหล่งที่มา">บานหน้าต่างแหล่งที่มา</h2>
-
-<p>นี่แสดงไฟล์ JavaScript ที่โหลดอยู่ในปัจจุบัน</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16843/debugger_uiTour_02.5.png" style="border: 1px solid black; display: block; height: 598px; margin-left: auto; margin-right: auto; width: 922px;">เมื่อบานหน้าต่างต้นทางมุ่งเน้นคุณสามารถ<a href="/en-US/docs/Tools/Debugger/How_to/Search#Searching_within_a_file">ค้นหาสตริงในไฟล์</a>โดยใช้<kbd>Ctrl</kbd>+ <kbd>F</kbd>( <kbd>Cmd</kbd>+ <kbd>F</kbd>บน Mac)</p>
-
-<p><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Breakpoints</a> have a blue arrow overlaid on the line number. <a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Conditional breakpoints</a> have an orange arrow. If you're stopped at a breakpoint, the entire line gets a green overlay. In the screenshot below there are three breakpoints:</p>
-
-<ul>
- <li>line 82 has a normal breakpoint and execution is paused here</li>
- <li>line 85 has a logpoint which logs the contents of tablerow to the console</li>
- <li>line 100 has a conditional breakpoint</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16842/debugger_uiTour_03.png" style="border: 1px solid black; display: block; height: 445px; margin-left: auto; margin-right: auto; width: 922px;"></p>
-
-<p>The third column shows more information about the breakpoints. For example, the logpoint at line 85 logs the value of the tableRow variable to the console and the conditional breakpoint at line 100 breaks if the contents of the todoList is undefined.</p>
-
-<h2 id="Toolbar"><a name="toolbar">Toolbar</a></h2>
-
-<p>At the top of the right-hand pane, there's a toolbar:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16844/debugger_toolbar.png" style="display: block; height: 126px; margin-left: auto; margin-right: auto; width: 236px;"></p>
-
-<p>The toolbar consists of:</p>
-
-<ul>
- <li>Four buttons to <a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">control the debugger's movement through the script</a>:
-
-  <ul>
-   <li><strong>Play/pause</strong> (F8): pauses or resumes execution of the script you're debugging. When it displays a "play" icon, that means the script is paused, either because you've paused it with this button or because you've hit a breakpoint.</li>
-   <li><strong>Step over</strong> (F10): steps across the current line of JavaScript code.</li>
-   <li><strong>Step in</strong> (F11): steps into the function call on the current line of JavaScript code.</li>
-   <li><strong>Step out</strong> (Shift-F11): runs the script until the current function exits.</li>
-  </ul>
- </li>
- <li>a button that can be used to deactivate all breakpoints</li>
-</ul>
-
-<h2 id="Breakpoints_list">Breakpoints list</h2>
-
-<p>Under the toolbar, you'll see all the breakpoints you've set. Next to each breakpoint is a checkbox which you can use to <a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">enable/disable it</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16845/debugger_uiTour_breakpoints.png" style="border: 1px solid black; display: block; height: 445px; margin-left: auto; margin-right: auto; width: 922px;"></p>
-
-<h2 id="Watch_expressions">Watch expressions</h2>
-
-<p>You can add watch expressions in the right pane. They will be evaluated when code execution is paused:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14845/watch-expressions.png" style="display: block; height: 769px; margin-left: auto; margin-right: auto; width: 504px;"></p>
-
-<h2 id="Variable_tooltip">Variable tooltip</h2>
-
-<p>Hover on a variable show a tooltip with its value inside:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14851/tooltip-1.gif" style="display: block; height: 522px; margin-left: auto; margin-right: auto; width: 988px;"></p>
-
-<h2 id="Call_stack">Call stack</h2>
-
-<p>When the debugger's paused, you'll see a call stack:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16846/debugger_uiTour_call_stack.png" style="border: 1px solid black; display: block; height: 445px; margin-left: auto; margin-right: auto; width: 922px;">Each level of the call stack gets a line, with the name of the function and the filename and line number. Clicking the line opens that source in the source pane.</p>
-
-<p>Right-clicking in the call stack pane opens a context menu with the following items:</p>
-
-<ul>
- <li><strong>เปิดใช้งานการจัดกลุ่มเฟรมเวิร์ก</strong>รวบรวมรายการที่เป็นของเฟรมเวิร์กลงในกลุ่มที่ยุบได้ (ตัวอย่างเช่น jQuery ในภาพหน้าจอด้านบน) เมื่อเปิดใช้งานการจัดกลุ่มตัวเลือกเมนูจะเปลี่ยนเป็น<strong>ปิดใช้งานการจัดกลุ่มเฟรมเวิร์</strong>ก</li>
- <li><strong>คัดลอก URI ต้นทางคัดลอก</strong>ตัวระบุแบบเต็มของไฟล์ต้นฉบับไปยังคลิปบอร์ด</li>
- <li><strong>แหล่งที่มาของ Blackbox</strong>ทำให้โปรแกรมดีบั๊กข้ามไฟล์เมื่อฟังก์ชั่น "เข้าสู่" สแต็กเฟรมใด ๆ จากไฟล์ต้นฉบับ blackboxed จะถูกซ่อนในบานหน้าต่างการโทรสแต็ก (หากต้องการลบข้อ จำกัด นี้ให้เลือก<strong>แหล่ง Unblackbox</strong>ในเมนูบริบทของรายการแหล่งข้อมูลหรือบานหน้าต่างแหล่งที่มา)</li>
- <li><strong>คัดลอกการติดตามสแต็กคัดลอก</strong>รายการทั้งหมดในสแตกการโทร (รวมถึง URIs และหมายเลขบรรทัด) ไปยังคลิปบอร์ด</li>
-</ul>
-
-<h2 id="ขอบเขต">ขอบเขต</h2>
-
-<p>คุณจะเห็นป้ายชื่อ "ขอบ" พร้อมลูกศรซ่อนอยู่หลังป้ายชื่อตัวละครที่ซ่อนอยู่ในตอนท้ายของโปรแกรม:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16847/debugger_uiTour_scopes.png" style="border: 1px solid black; display: block; height: 445px; margin-left: auto; margin-right: auto; width: 922px;">ภาชนะที่ถูกจัดเรียงตามขอบ: ส่วนใหญ่จะขึ้นก่อนหน้านี้และวงกลมใหญ่ทั่วโลก</p>
diff --git a/files/th/tools/eyedropper/index.html b/files/th/tools/eyedropper/index.html
deleted file mode 100644
index 0c7192993a..0000000000
--- a/files/th/tools/eyedropper/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Eyedropper
-slug: Tools/Eyedropper
-translation_of: Tools/Eyedropper
----
-<div class="geckoVersionNote">
-<p><font><font>Eyedropper ใหม่ใน Firefox 31</font></font></p>
-</div>
-
-<p><font><font>เครื่องมือ Eyedropper ช่วยให้คุณสามารถเลือกสีที่มีในหน้าปัจจุบัน </font><font>มันทำงานเหมือนแว่นขยายทั่วหน้าช่วยให้คุณสามารถเลือกที่มีความแม่นยำพิกเซล </font><font>ภายใต้แว่นขยายจะแสดงค่าสีสำหรับพิกเซลปัจจุบันโดยใช้รูปแบบใดก็ตามที่คุณได้เลือกไว้ใน</font></font><a href="/en-US/docs/Tools_Toolbox#Inspector"><font><font>การตั้งค่า</font></font></a><font><font> :</font></font></p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7749/eyedropper.png" style="display: block; height: 204px; margin-left: auto; margin-right: auto; width: 305px;"><font><font>คุณสามารถใช้มันในหนึ่งในสองวิธี:</font></font></p>
-
-<ul>
- <li><font><font>เพื่อเลือกสีจากหน้าและคัดลอกไปยังคลิปบอร์ด</font></font></li>
- <li><font><font>การเปลี่ยนแปลงค่าสีในกฎของสารวัตรดูสีที่คุณเลือกจากหน้า</font></font></li>
-</ul>
-
-<h2 id="คัดลอกสีไปยังคลิปบอร์ด"><font><font>คัดลอกสีไปยังคลิปบอร์ด</font></font></h2>
-
-<p><font><font>เปิด Eyedropper ในหนึ่งในสองวิธี:</font></font></p>
-
-<ul>
- <li><font><font>เลือก "Eyedropper" ภายใต้เมนู "Web Developer"</font></font></li>
- <li><font><font>คลิกปุ่ม Eyedropper ใน</font></font><a href="/en-US/docs/Tools_Toolbox#Toolbar"><font><font>แถบเครื่องมือกล่องเครื่องมือ</font></font></a><font><font> (แต่ทราบว่าปุ่มนี้ไม่อยู่โดยค่าเริ่มต้น: คุณจำเป็นต้องเพิ่มโดยการตรวจสอบ "คว้าสีจากหน้า" ใน</font></font><a href="/en-US/docs/Tools_Toolbox#Settings"><font><font>การตั้งค่าเครื่องมือสำหรับนักพัฒนา</font></font></a><font><font> )</font></font></li>
-</ul>
-
-<p><font><font>ขณะที่คุณเลื่อนเมาส์ไปรอบ ๆ หน้าคุณจะเห็นค่าสีในปัจจุบันในการเปลี่ยนแปลง Eyedropper </font><font>คลิกสำเนาค่าสีในปัจจุบันไปยังคลิปบอร์ด</font></font></p>
-
-<p><font><font>{{EmbedYouTube ("xf2uk6UyRB8")}}</font></font></p>
-
-<h2 id="การเปลี่ยนค่าสีในมุมมองกฎ"><font><font>การเปลี่ยนค่าสีในมุมมองกฎ</font></font></h2>
-
-<p><font><font>ค่าสีที่ปรากฏในกฎของสารวัตรดูมีตัวอย่างสีไปให้พวกเขา: คลิกตัวอย่างที่แสดงให้เห็น</font></font><a href="/en-US/docs/Tools/Page_Inspector#Color_picker"><font><font>ป๊อปอัพตัวเลือกสี </font></font></a><font><font>จาก Firefox 31 ป๊อปอัพที่มีไอคอน Eyedropper: คลิกที่ไอคอนนี้เพื่อเปิดใช้ Eyedropper</font></font></p>
-
-<p><font><font>ตอนนี้เมื่อคุณคลิก Eyedropper สีในมุมมองกฎที่ถูกกำหนดให้เป็นสีที่คุณเลือก</font></font></p>
-
-<p><font><font>{{EmbedYouTube ("0Zx1TN21QOo")}}</font></font></p>
-
-<h2 id="แป้นพิมพ์ลัด"><font><font>แป้นพิมพ์ลัด</font></font></h2>
-
-<p><font><font>{{Page ("</font></font>en-US/docs/tools/Keyboard_shortcuts<font><font>", "Eyedropper")}}</font></font></p>
diff --git a/files/th/tools/index.html b/files/th/tools/index.html
deleted file mode 100644
index 376632a8b8..0000000000
--- a/files/th/tools/index.html
+++ /dev/null
@@ -1,218 +0,0 @@
----
-title: เครื่องมือสำหรับนักพัฒนา Firefox
-slug: Tools
-tags:
-  - Developing Mozilla
-  - NeedsMarkupWork
-  - NeedsTechnicalReview
-  - NeedsTranslation
-  - Tools
-  - TopicStub
-  - Web Development
-  - 'Web Development:Tools'
-translation_of: Tools
----
-<div>{{ToolsSidebar}}</div>
-
-<p class="summary">Examine, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.</p>
-
-<p>If you are looking for information on using the web developer tools available in Firefox, you've come to the right place — this page provides links to detailed information on all of the core tools and additional tools, and further information such as how to connect to and debug Firefox for Android, how to extend the devtools, and how to debug the browser as a whole.</p>
-
-<p>Please explore the links found in the sidebar, and further down the page. If you have any feedback or questions about the devtools, send us messages on our mailing list or IRC channel (see the <a href="/en-US/docs/Tools#Join_the_Developer_tools_community">community links near the bottom of the page</a>). If you have any feedback or questions specifically about the documentation, the <a href="https://discourse.mozilla.org/c/mdn">MDN discourse</a> is a good place to post.</p>
-
-<div class="note">
-<p><strong>Note</strong>: If you are just getting started with web development and using developer tools, our <a href="/en-US/docs/Learn">learning web development</a> docs will help you — see <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a> and <a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools?</a> for good starting points.</p>
-</div>
-
-<h2 id="The_Core_Tools">The Core Tools</h2>
-
-<p>You can open the Firefox Developer Tools from the menu by selecting <em>Tools</em> &gt; <em>Web Developer</em> &gt; <em>Toggle Tools</em> or use the keyboard shortcut  <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd> on Windows and Linux, or <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> on macOS.</p>
-
-<p>The ellipsis menu on the right-hand side of Developer Tools, contains several commands that let you perform actions or change tool settings.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16087/DevTools_LayoutMenu.png" style="display: block; height: 290px; margin: 0 auto; width: 225px;"></p>
-
-<table class="standard-table" style="height: 178px; width: 840px;">
- <tbody>
-  <tr>
-   <td><img alt="" src="https://mdn.mozillademos.org/files/16092/iframe_button.png" style="height: 69px; width: 69px;"></td>
-   <td>This button only appears when there are multiple iframes on a page. Click it to display a list of the iframes on the current page and select the one with which you want to work.</td>
-  </tr>
-  <tr>
-   <td><img alt="" src="https://mdn.mozillademos.org/files/16088/camera_button.png" style="height: 69px; width: 69px;"></td>
-   <td>Click this button to take a screenshot of the current page. (<strong>Note:</strong> This feature is not turned on by default and must be enabled in settings before the icon will appear.)</td>
-  </tr>
-  <tr>
-   <td><img alt="" src="https://mdn.mozillademos.org/files/16089/responsive_button.png" style="height: 69px; width: 69px;"></td>
-   <td>Toggles Responsive Design Mode.</td>
-  </tr>
-  <tr>
-   <td><img alt="" src="https://mdn.mozillademos.org/files/16090/menu_button.png" style="height: 69px; width: 69px;"></td>
-   <td>Opens the menu that includes docking options, the ability to show or hide the split console, and Developer Tools settings. The menu also includes links to the documentation for Firefox Web Tools and the Mozilla Community.</td>
-  </tr>
-  <tr>
-   <td><img alt="" src="https://mdn.mozillademos.org/files/16091/close_button.png" style="height: 69px; width: 69px;"></td>
-   <td>Closes the Developer Tools</td>
-  </tr>
- </tbody>
-</table>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Page_Inspector">Page Inspector</h3>
-
-<p><a href="/en-US/docs/Tools/Page_Inspector"><img alt="The all-new Inspector panel in Firefox 57." src="https://mdn.mozillademos.org/files/16371/landingPage_PageInspector.png" style="border: 1px solid black; display: block; height: 171px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>View and edit page content and layout. Visualise many aspects of the page including the box model, animations, and grid layouts.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Web_Console">Web Console</h3>
-
-<p><a href="/en-US/docs/Tools/Web_Console"><img alt="The all-new Console in Firefox 57." src="https://mdn.mozillademos.org/files/16368/landingPage_Console.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>See messages logged by a web page and interact with the page using JavaScript.</p>
-</div>
-</div>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="JavaScript_Debugger">JavaScript Debugger</h3>
-
-<p><a href="/en-US/docs/Tools/Debugger"><img alt="The all-new Firefox 57 Debugger.html" src="https://mdn.mozillademos.org/files/16369/landingPage_Debugger.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Stop, step through, examine, and modify the JavaScript running in a page.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Network_Monitor">Network Monitor</h3>
-
-<p><a href="/en-US/docs/Tools/Network_Monitor"><img alt="The Network panel in Firefox 57 DevTools." src="https://mdn.mozillademos.org/files/16370/landingPage_Network.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>See the network requests made when a page is loaded.</p>
-</div>
-</div>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Performance_Tools">Performance Tools</h3>
-
-<p><a href="/en-US/docs/Tools/Performance"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/16372/landingPage_Performance.png" style="border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Analyze your site's general responsiveness, JavaScript, and layout performance.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Responsive_Design_Mode">Responsive Design Mode</h3>
-
-<p><a href="/en-US/docs/Tools/Responsive_Design_Mode"><img alt="Responsive Design mode in Firefox 57." src="https://mdn.mozillademos.org/files/16373/landingPage_ResponsiveDesign.png" style="border-style: solid; border-width: 1px; display: block; height: 865px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>See how your website or app will look and behave on different devices and network types.</p>
-</div>
-</div>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Accessibility_inspector">Accessibility inspector</h3>
-
-<p><a href="/en-US/docs/Tools/Accessibility_inspector"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/16367/landingPage_Accessibility.png" style="border-style: solid; border-width: 1px; border: 1px solid black; display: block; height: 403px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Provides a means to access the page's accessibility tree, allowing you to check what's missing or otherwise needs attention.</p>
-</div>
-
-<div class="column-half"></div>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: The collective term for the UI inside which the DevTools all live is the <a href="/en-US/docs/Tools/Tools_Toolbox">Toolbox</a>.</p>
-</div>
-
-<h2 id="More_Tools">More Tools</h2>
-
-<p>These developer tools are also built into Firefox. Unlike the "Core Tools" above, you might not use them every day.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/en-US/docs/Tools/Memory">Memory</a></dt>
- <dd>Figure out which objects are keeping memory in use.</dd>
- <dt><a href="/en-US/docs/Tools/Storage_Inspector">Storage Inspector</a></dt>
- <dd>Inspect cookies, local storage, indexedDB, and session storage present in a page.</dd>
- <dt><a href="/en-US/docs/Tools/DOM_Property_Viewer">DOM Property Viewer</a></dt>
- <dd>Inspect the page's DOM properties, functions, etc.</dd>
- <dt><a href="/en-US/docs/Tools/Eyedropper">Eyedropper</a></dt>
- <dd>Select a color from the page.</dd>
- <dt><a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a></dt>
- <dd>A text editor built into Firefox that lets you write and execute JavaScript.</dd>
- <dt><a href="/en-US/docs/Tools/Style_Editor">Style Editor</a></dt>
- <dd>View and edit CSS styles for the current page.</dd>
- <dt><a href="/en-US/docs/Tools/Screenshot_tool">Taking screenshots</a></dt>
- <dd>Take a screenshot of the entire page or of a single element.</dd>
- <dt><a href="/en-US/docs/Tools/Measure_a_portion_of_the_page">Measure a portion of the page</a></dt>
- <dd>Measure a specific area of a web page.</dd>
- <dt><a href="/en-US/docs/Tools/Rulers">Rulers</a></dt>
- <dd>Overlay horizontal and vertical rulers on a web page</dd>
-</dl>
-</div>
-
-<div class="column-container">
-<div class="column-third">
-<p><img alt="" src="https://mdn.mozillademos.org/files/15588/logo-developer-quantum.png" style="display: block; margin: 0px auto;"></p>
-
-<p style="text-align: center;">For the latest developer tools and features, try Firefox Developer Edition.</p>
-
-<p><a href="https://www.mozilla.org/en-US/firefox/developer/" style="width: 300px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Download Firefox Developer Edition</a></p>
-</div>
-
-<div class="column-third"></div>
-</div>
-
-<h2 id="Connecting_the_Developer_Tools">Connecting the Developer Tools</h2>
-
-<p>If you open the developer tools using <a href="/en-US/docs/Tools/Keyboard_shortcuts#Opening_and_closing_tools">keyboard shortcuts</a> or the equivalent menu items, they'll target the document hosted by the currently active tab. But you can attach the tools to a variety of other targets, too, both within the current browser and in different browsers or even different devices.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/en-US/docs/Tools/about:debugging">about:debugging</a></dt>
- <dd>Debug add-ons, content tabs, and workers running in the browser.</dd>
- <dt><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_over_Wifi">Connecting to Firefox for Android</a></dt>
- <dd>Connect the developer tools to an instance of Firefox running on an Android device.</dd>
- <dt><a href="/en-US/docs/Tools/Working_with_iframes">Connecting to iframes</a></dt>
- <dd>Connect the developer tools to a specific iframe in the current page.</dd>
- <dt><a href="/en-US/docs/Tools/Valence">Connecting to other browsers</a></dt>
- <dd>Connect the developer tools to Chrome on Android and Safari on iOS.</dd>
-</dl>
-</div>
-
-<h2 id="Debugging_the_browser">Debugging the browser</h2>
-
-<p>By default, the developer tools are attached to a web page or web app. But you can also connect them to the browser as a whole. This is useful for browser and add-on development.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/en-US/docs/Tools/Browser_Console">Browser Console</a></dt>
- <dd>See messages logged by the browser itself and by add-ons, and run JavaScript code in the browser's scope.</dd>
- <dt><a href="/en-US/docs/Tools/Browser_Toolbox">Browser Toolbox</a></dt>
- <dd>Attach the Developer Tools to the browser itself.</dd>
-</dl>
-</div>
-
-<h2 id="Extending_the_devtools">Extending the devtools</h2>
-
-<p>For information on extending the Firefox DevTools, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> over in the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">Browser Extensions</a> section of MDN.</p>
-
-<h2 id="Migrating_from_Firebug">Migrating from Firebug</h2>
-
-<p>Firebug has come to the end of its lifespan (see <a href="https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/">Firebug lives on in Firefox DevTools</a> for details of why), and we appreciate that some people will find migrating to another less familiar set of DevTools to be challenging. To ease a transition from Firebug to the Firefox developer tools, we have written a handy guide — <a href="/en-US/docs/Tools/Migrating_from_Firebug">Migrating from Firebug</a>.</p>
-
-<h2 id="Contribute">Contribute</h2>
-
-<p>If you want to help improve the developer tools, these resources will get you started.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="https://docs.firefox-dev.tools/">Get Involved</a></dt>
- <dd>Our developer documentation explains how to get involved.</dd>
- <dt><a href="http://bugs.firefox-dev.tools/">bugs.firefox-dev.tools</a></dt>
- <dd>A tool helping to find bugs to work on.</dd>
-</dl>
-</div>