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

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

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

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

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

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

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

主機(jī)和客戶(hù)端能夠運(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)在同一個(gè) Opera 實(shí)例中。
長(zhǎng)途：Scope 和調(diào)試器運(yùn)轉(zhuǎn)在兩個(gè)不同的 Opera 實(shí)例上，比方，兩個(gè)不同的設(shè)備上。而署理能夠運(yùn)轉(zhuǎn)在兩實(shí)例之一，也能夠在另外的獨(dú)立計(jì)算機(jī)上運(yùn)轉(zhuǎn)。

本機(jī)

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

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

長(zhǎng)途

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

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

長(zhǎng)途調(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)時(shí) 
調(diào)試主機(jī) 
Scope 模塊 
Scope 協(xié)議 
署理 
調(diào)試客戶(hù)端
每個(gè) ECMAScript 環(huán)境都是一個(gè)單獨(dú)的運(yùn)轉(zhuǎn)時(shí)。每個(gè) HTML 文檔也都關(guān)聯(lián)一個(gè)獨(dú)立的運(yùn)轉(zhuǎn)時(shí)。框架和 iframe 中的文檔也有自己的運(yùn)轉(zhuǎn)時(shí)。

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

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

Scope 模塊

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

Scope 協(xié)議

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

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

署理

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

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

怎樣將主機(jī)和客戶(hù)端銜接到署理，請(qǐng)拜見(jiàn)《Opera 蜻蜓簡(jiǎn)介》。

調(diào)試客戶(hù)端

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

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