Opera網(wǎng)站開發(fā)工具Dragonfly簡介

本文詳細解釋了 Opera 蜻蜓（Dragonfly）的總體架構(gòu)，其間各個組件的作用和聯(lián)系。

架構(gòu)概覽 
調(diào)試辦法 
本機 
長途 
組件 
運轉(zhuǎn)時 
調(diào)試主機 
Scope 模塊 
Scope 協(xié)議 
署理 
調(diào)試客戶端
架構(gòu)概覽

Opera 蜻蜓（Dragonfly）是 Opera 軟件公司供給的開發(fā)工具，它的架構(gòu)使它既能夠在平面電腦運轉(zhuǎn)，也能夠在手機等移動設(shè)備上運轉(zhuǎn)。

一個 Scope 模塊將傳遞出運轉(zhuǎn)時的信息, 比方被調(diào)試 Opera 實例中的網(wǎng)頁和運用。 這個實例作為調(diào)試的主機，為客戶端供給信息。主機和客戶端之間數(shù)據(jù)彼此傳輸運用 Scope 協(xié)議標準和界說。

為了處理潛在的防火墻問題，一個署理會用來和諧處理瀏覽器和調(diào)試器間的信息傳遞交流。一個詳細的運用實例是運用普通桌面電腦調(diào)試一個運轉(zhuǎn)在手機上網(wǎng)頁或許運用。

而客戶端，如調(diào)試器，能夠?qū)⑿畔⒁曈X化并答應(yīng)用戶操作運轉(zhuǎn)時環(huán)境

主機和客戶端能夠運轉(zhuǎn)在不同的設(shè)備上，而署理能夠運轉(zhuǎn)在任何兩者中任一實例，也能夠在單獨服務(wù)器運轉(zhuǎn)。

調(diào)試辦法

主要有兩種調(diào)試辦法：
本機：Scope，署理和調(diào)試器運轉(zhuǎn)在同一個 Opera 實例中。
長途：Scope 和調(diào)試器運轉(zhuǎn)在兩個不同的 Opera 實例上，比方，兩個不同的設(shè)備上。而署理能夠運轉(zhuǎn)在兩實例之一，也能夠在另外的獨立計算機上運轉(zhuǎn)。

本機

這是最常用和最典型的辦法。開發(fā)者們正在開發(fā)網(wǎng)絡(luò)運用，它能夠正常運轉(zhuǎn)于 Opera 瀏覽器。該調(diào)試器運轉(zhuǎn)于相同實例中，顯現(xiàn)在一個獨立窗口或面板。

在這種情況下，調(diào)試主機，署理和客戶端運轉(zhuǎn)于同一個瀏覽器實例。Opera 選擇一個隨機端口運轉(zhuǎn)署理，Scope 模塊和調(diào)試器會自動銜接它。

長途

這個辦法的一種運用是能夠調(diào)試手機上的網(wǎng)頁或運用。手機一般屏幕很小，開發(fā)也很受限制，因而用桌面電腦來調(diào)試是一種方便的做法。

另一種可能性是在同一個設(shè)備上的一個 Opera 實例調(diào)試另一個 Opera 實例，這在調(diào)
試實例接近崩潰的時分非常有用。

長途調(diào)試辦法能夠分解為兩種用法：
署理在兩實例之一運轉(zhuǎn)。
署理獨立于實例運轉(zhuǎn)，比方運轉(zhuǎn)在公共服務(wù)器上。

第二種辦法能夠運用在，被調(diào)試實例和調(diào)試器隔防火墻運轉(zhuǎn)的情況。

組件

此架構(gòu)由下列組件構(gòu)成：

運轉(zhuǎn)時 
調(diào)試主機 
Scope 模塊 
Scope 協(xié)議 
署理 
調(diào)試客戶端
每個 ECMAScript 環(huán)境都是一個單獨的運轉(zhuǎn)時。每個 HTML 文檔也都關(guān)聯(lián)一個獨立的運轉(zhuǎn)時。框架和 iframe 中的文檔也有自己的運轉(zhuǎn)時。

調(diào)試主機

調(diào)試主機能夠是任何啟用了 Scope 模塊并且銜接到署理的 Opera 實例。它可能包含多個運轉(zhuǎn)時。

Scope 模塊

Scope 模塊是 Opera 程序的一部分。一旦啟用，模塊將向署理 URL 建立一個 socket 銜接并檢測調(diào)試主機上的任何運轉(zhuǎn)時。之后它會將信息發(fā)送給調(diào)試器。它也會對調(diào)試器的特定命令作出呼應(yīng)，比方從選定節(jié)點下載 DOM。

Scope 協(xié)議

Scope 協(xié)議是一套用來在主機和客戶端之間交換關(guān)于運轉(zhuǎn)時信息的規(guī)則和格局。實例包括從運轉(zhuǎn)時得到 DOM 文檔結(jié)構(gòu)，或許計算得到的款式調(diào)集。

Scope 協(xié)議仍在開發(fā)之中。一旦完結(jié)，它將被徹底揭露。之后其它廠商或開發(fā)者能夠創(chuàng)建自己的調(diào)試客戶端并將它們整合到程序中，如 IDE （例如 Aptana 或 Eclipse）。運用此 scope 協(xié)議，此類客戶端能夠收集到一個 Opera 瀏覽器的運轉(zhuǎn)時信息。

署理

署理負責在瀏覽器和調(diào)試器之間中轉(zhuǎn)信息。在長途調(diào)試辦法中它非常重要，即調(diào)試主機和客戶端不在同一個計算機上。

Opera 運轉(zhuǎn)調(diào)試器的實例會供給一個內(nèi)置的署理，但署理也能夠運轉(zhuǎn)在一個公共服務(wù)器上。這樣，被調(diào)試實例和調(diào)試器能夠均在防火墻之后。

怎樣將主機和客戶端銜接到署理，請拜見《Opera 蜻蜓簡介》。

調(diào)試客戶端

調(diào)試器即為客戶端，它經(jīng)過署理銜接到調(diào)試主機的 scope 模塊。它會接收到該實例的運轉(zhuǎn)時信息。調(diào)試器將運轉(zhuǎn)時信息可視化，答應(yīng)用戶修改。它經(jīng)過 Scope 協(xié)議向 Scope 模塊回送懇求以完成其功能。

現(xiàn)在調(diào)試器的完成徹底根據(jù)網(wǎng)絡(luò)
技能：HTML/XML，CSS 以及 JavaScript。