工具列
選單
面板
快速撥號
書籤
Widget
筆記
Opera Link
阻擋網頁元件
詐騙保護措施
BitTorrent (BT)
顯示模式
開發者工具
功能設定:
- 一般功能設定
- 密碼魔杖功能設定
功能設定
- 在 Opera 裡搜尋
功能設定:
- 網頁功能設定
進階功能設定
- 頁籤
- 瀏覽
- 通知
- 內容
- 字型
- 下載
- 程式
- 瀏覽紀錄
- Cookie
- 安全性
- 網路
- 工具列
- 捷徑
- 聲控功能設定
外觀
鍵盤快速鍵
使用滑鼠
使用聲控
電子郵件與新聞群組
新聞訂閱
聊天
對話方塊
Opera 備份

開發者工具

按 Page Down 和 Page Up 來切換投影片

Opera 中有幾樣工具用來幫助網路開發者，其中最重要的是 Opera Dragonfly（蜻蜓），一個遠端網頁除錯工具。

開發者主控台是在開發及除錯時，用來分析與/或動態更改網頁的工具，而原始檔檢視器是用來檢視網頁原始碼，並可快速更改其內容的簡易工具。

Opera Dragonfly（蜻蜓）

注意: 要使用 Opera Dragonfly（蜻蜓），你必須啟用 JavaScript。

Opera Dragonfly（蜻蜓）是個 JavaScript 應用程式，它能讓你對本機與遠端網頁進行除錯。要開啟 Opera Dragonfly（蜻蜓），請從選單中選工具 > 進階 > 研發工具。使用者介面中包含三個頁籤：

Script 頁籤，能為 JavaScript 除錯
DOM 頁籤，能為 HTML 以及 CSS 除錯
Error console 頁籤，能看到錯誤

Opera Dragonfly（蜻蜓）仍然在開發階段，更多詳細訊息可參考下列文章：

開發者主控台

如同其他在 Dev.Opera 上的 JavaScript 應用程式一樣，「開發者主控台」可以被拖曳到任何 Opera 工具列上。當你開啟「開發者主控台」，一個小視窗會出現在要分析的網頁上，並有五個頁籤：DOM, JS, CSS, HTTP, 以及「關於」.

請注意: 要使用 Dev.Opera 中的 JavaScript 應用程式，你需要允許「跳出式視窗」。

「開發者主控台」會在 DOM 頁籤中開啟，裡面會有一個叫 "document" 的資料夾，這個資料夾裡會列出 node。在「+」上按一下會將資料夾展開，在 node 上按一下，網頁會很快地重新載入，並顯示這個 node 所對應的區域。

另外，在網頁上任何區域上按一下將會開啟一個 DOM node 列表，而你點選的 node 將會被以反白顯示。要快速尋找 node 相對應的區域，請按住 Shift 鍵，並移動滑鼠掃描。

底下是幾個 DOM 頁籤的主要功能:

"搜尋" 讓你在 DOM 列表中用標準的 CSS 選擇符 (selector) 搜尋任何 node 的 class，舉例來說 p > a 代表從屬關係 (parent-child relationship)、而 #menu 則用來尋找 id。
"快照 (Snapshot)" 會對整個 DOM 作紀錄。

「開發者主控台」可讓你修改網頁的同時，馬上看到修改的結果。 DOM 頁籤的 "移除 (Remove)" 按鈕讓你移除如：一個段落、一個連結，或一個圖片等等被 tag 標籤所「圈」起來的物件；在適當的 CSS 樣式表頁籤中上按 "Show rules"，讓你可以修改任何 CSS 屬性。更動的結果會立即顯示出來，你也可以把這些結果匯出，留在日後使用。

關於「開發者主控台」更詳細的說明可以在 Dev.Opera 中找到。

原始檔檢視器

Opera 中有個簡易的工具讓你分析與修改網頁，叫做「網頁原始碼檢視器」。如果你想要看一看目前網頁的原始碼，請按檢視 > 原始檔，或按 Ctrl+F3，或在頁面上按滑鼠右鍵，並選 "原始檔"。

「原始檔檢視器」會在新頁籤中開啟，而原始檔中的語法 (syntax) 的部份都會以不同顏色顯示，方便你閱讀。如果你想要編輯頁面，你有兩個方法:

要將頁面儲存到快取之中，你可以按 "套用變更"，或是按 Ctrl+R 就可以馬上看到你所作的改變
要把檔案存到你指定的地方，請按 "儲存"，或是按 Ctrl+S.

請注意，你如果編輯一個本機檔案，"套用變更" 將會永久儲存你的變更。

如果你寧願使用外部程式來當作原始檔檢視及編輯之用，你可以在偏好設定裡指定。