1. 工具列
2. 選單
3. 面板
4. 快速撥號
5. 書籤
6. Widget
7. 筆記
8. 阻擋網頁元件
9. 詐騙保護措施
10. BitTorrent (BT)
11. 顯示模式
12. 開發者工具
13. 功能設定:
    • 一般功能設定
    • 密碼魔杖功能設定
14. 功能設定
    • 在 Opera 裡搜尋
15. 功能設定:
    • 網頁功能設定
16. 進階功能設定
    • 頁籤
    • 瀏覽
    • 通知
    • 內容
    • 字型
    • 下載
    • 程式
    • 歷史清單
    • Cookie
    • 安全
    • 網路
    • 工具列
    • 捷徑
    • 聲控功能設定
17. 外觀
18. 鍵盤快速鍵
19. 使用滑鼠
20. 使用聲控
21. 電子郵件與新聞群組
22. 新聞訂閱
23. 聊天
24. 對話方塊
25. Opera 備份

開發者工具

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

Opera 中有幾樣工具用來幫助網路開發者。

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

開發者主控台

選單中 工具 > 進階 > 開發者工具 的指令，可在 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) 的部份都會以不同顏色顯示，方便你閱讀。如果你想要編輯頁面，你有兩個方法:

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

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

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

Copyright © 1995 - 2007 Opera Software ASA. 版權所有，轉載必究