blob: e437649d6275c8888976dc5e73488dd7a744c7d3 (
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
|
---
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>
|
