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

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

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

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

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

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

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

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

調(diào)試辦法

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

本機(jī)

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

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

長途

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

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

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

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

組件

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

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

調(diào)試主機(jī)

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

Scope 模塊

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

Scope 協(xié)議

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

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

署理

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

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

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

調(diào)試客戶端

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

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