---
title: 開發者工具
slug: Glossary/Developer_Tools
tags:
  - 術語表
  - 開發者工具
translation_of: Glossary/Developer_Tools
---
<p>開發者工具 (或"開發工具"或簡稱 "DevTools")是程式准許開發者執行創建、測試和{{Glossary("debug")}}的軟體。</p>

<p>現在的瀏覽器都提供了完整的開發者工具，它被准許用來檢查網站。它們讓用戶檢查和debug 頁面上的 {{Glossary("HTML")}}, {{Glossary("CSS")}} 和 {{Glossary("JavaScript")}}准許檢查引起的網路流量，并使測量性能成爲更多，以及其他。</p>

<h2 id="了解更多">了解更多</h2>

<h3 id="基礎知識">基礎知識</h3>

<ul>
 <li>維基百科上的{{interwiki("wikipedia", "網頁開發工具", "Web development tools")}}</li>
</ul>

<h3 id="技術參考">技術參考</h3>

<ul>
 <li>MDN 上的 <a href="/en-US/docs/Tools">火狐開發者工具 </a></li>
 <li><a href="https://getfirebug.com/">Firebug</a> (Firefox的前開發者工具)</li>
 <li>在 chrome.com 上的 <a href="https://developer.chrome.com/devtools">Chrome DevTools</a></li>
 <li>在 apple.com 上的<a href="https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1">Safari Web Inspector</a></li>
 <li>在 microsoft.com 的 <a href="https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide">Edge Dev Tools</a></li>
</ul>