集成開發(fā)環(huán)境中的實況瀏覽器工具的制作方法
【專利摘要】瀏覽器中的選擇可被映射回在生成該選擇的一個或多個源文件中的相應(yīng)位置范圍。在源文件中的選擇可被映射到在瀏覽器的DOM中的相應(yīng)位置范圍。在瀏覽器中的選擇可被映射到在從DOM生成的塊列表中的位置范圍。在DOM的塊列表中的位置范圍可被映射到在從所獲取文件生成的塊列表中的相應(yīng)位置范圍，該所獲取文件從web服務(wù)器處被接收到。在所獲取文件的塊列表中的位置范圍可被映射到在特定源文件中的特定位置，該特定源文件負(fù)責(zé)生成在瀏覽器中的選擇。在瀏覽器中的選擇和源文件可被同時顯示，該源文件被滾動到與在瀏覽器中的選擇相對應(yīng)的位置范圍。
【專利說明】集成開發(fā)環(huán)境中的實況瀏覽器工具
[0001]背景
[0002]萬維網(wǎng)已成為普遍存在的現(xiàn)代生活部分。因此，web開發(fā)是極速增長的產(chǎn)業(yè)。web開發(fā)在若干深遠(yuǎn)的方面不同于常規(guī)軟件開發(fā)。
[0003]復(fù)雜的網(wǎng)站可以由若干不同的頁面組成，其內(nèi)容可以從許多不同的文件生成。將代碼寫入文件的web開發(fā)者可以用無限數(shù)量的方式來將內(nèi)容劃分在這些文件中，這些文件在由web服務(wù)器處理并被顯示在瀏覽器中時造成觀看者看見的頁面。在web服務(wù)器處理這些文件時，它通常在這期間生成附加內(nèi)容。由web服務(wù)器處理的很少幾行的代碼可負(fù)責(zé)在最終網(wǎng)頁中生成成百上千行的代碼。當(dāng)客戶機作出對web服務(wù)器的請求時，web服務(wù)器確定什么文件組成了該響應(yīng)，將這些文件匯編成單個文件，并將該響應(yīng)發(fā)回客戶機。在瀏覽器已將從web服務(wù)器處接收到的文檔加載到瀏覽器中后，將交互式特征添加到網(wǎng)頁的腳本語言可添加、刪除或修改文檔中的內(nèi)容。
[0004]web處理工作的方式影響web開發(fā)。當(dāng)web開發(fā)者想要改變網(wǎng)站的一部分時,web開發(fā)者必須知道在web服務(wù)器處與該網(wǎng)站相關(guān)聯(lián)的哪些文件是必須要改變的文件。此外，當(dāng)今，無法知道服務(wù)器生成的內(nèi)容將是什么，直到代碼已被web服務(wù)器處理并且客戶機已接收了響應(yīng)，因此web開發(fā)者只能猜測他的改變會產(chǎn)生的效果。腳本語言頻繁在HTML文件上運行以將應(yīng)用類功能添加到靜態(tài)的HTML文檔中。在腳本語言執(zhí)行后，瀏覽器所呈現(xiàn)的文檔與來自服務(wù)器的原始文件不同。目前不存在將在瀏覽器中選擇的元素映射回從web服務(wù)器接收到的文件的自動化方式。
[0005]概述
[0006]可通過以下方式將在瀏覽器中的選擇映射到在生成該選擇的源代碼文件中的位置范圍:將該選擇映射到在所獲取文件中的位置范圍，并將在所獲取文件中的位置范圍映射到在源文件中的位置范圍?？赏ㄟ^以下方式將在源文件中的位置范圍映射到在瀏覽器中的選擇:將在源文件中的位置范圍映射到在所獲取文件中的位置范圍，并將在所獲取文件中的位置范圍映射到在瀏覽器中的選擇。
[0007]可通過以下方式將在瀏覽器中的選擇映射到在所獲取文件中的位置范圍:創(chuàng)建瀏覽器文件和從web服務(wù)器處獲取的原始文檔之間的關(guān)聯(lián)，將瀏覽器選擇映射到瀏覽器文件，并使用瀏覽器文件和獲取的原始文件之間的關(guān)聯(lián)將在瀏覽器中的選擇映射到從web服務(wù)器處獲取的原始文檔。
[0008]通過以下方式來將在所獲取文件中的位置范圍映射到在生成該所獲取文件的源文件中的位置范圍:在生成該所獲取文件期間收集元數(shù)據(jù)。該元數(shù)據(jù)可用于創(chuàng)建可被用于將在所獲取文件中的位置范圍映射到在源文件中的位置范圍的映射表。該映射表還可被用于將在源文件中的位置范圍映射到在所獲取文件中的位置范圍。瀏覽器文件和原始所獲取文件之間的關(guān)聯(lián)可用于將在所獲取文件中的位置范圍映射到在瀏覽器中的選擇。執(zhí)行這些任務(wù)的模塊可被集成在IDE (集成開發(fā)環(huán)境)中。
[0009]當(dāng)響應(yīng)于HTTP請求而在web服務(wù)器上生成HTML代碼時，可以用以下元數(shù)據(jù)來擴充該代碼:將各HTML代碼段映射回在特定源文件中的特定位置的信息。當(dāng)生成表示用戶可以瀏覽的網(wǎng)頁的文件的代碼在web服務(wù)器上執(zhí)行時，映射信息可被注入到所生成的文件 中，或者可以經(jīng)由另一機制被傳送到客戶機側(cè)瀏覽器?？蛻魴C側(cè)映射模塊可以從web服務(wù) 器接收文件，記錄元數(shù)據(jù)并使用該元數(shù)據(jù)來創(chuàng)建映射表，該映射表將來自所獲取文件的位 置范圍映射到在產(chǎn)生該內(nèi)容的源文件中的相應(yīng)位置范圍?？蛻魴C側(cè)模塊可以提供與開發(fā)功 能集成在一起并在IDE中運行的瀏覽體驗?？赏ㄟ^作出到web服務(wù)器的全程往返來將內(nèi)容 呈現(xiàn)在開發(fā)中的頁面中，使得被呈現(xiàn)給和顯示給開發(fā)者的內(nèi)容是生產(chǎn)web服務(wù)器的響應(yīng)， 而非是web服務(wù)器行為的模擬解釋。
[0010]文檔對象模型(DOM)工具可以提供對表示瀏覽器頁面的樹數(shù)據(jù)結(jié)構(gòu)的可視化。層 疊樣式表(CSS)工具可以將所選的樣式特征映射回其源代碼文件，以允許通過在相應(yīng)源文 件中選擇規(guī)則或?qū)傩圆⒏淖冊撘?guī)則或?qū)傩詠韺TML元素的樣式特征的所構(gòu)想的改變自動 變成永久的。開發(fā)者還可以在瀏覽器中查看所構(gòu)想的樣式改變，而不將該改變應(yīng)用于源文 件。
[0011]服務(wù)器側(cè)映射模塊可以與web框架集成，使得該web框架可以收集響應(yīng)于來自客 戶機上的瀏覽器的HTTP請求而從服務(wù)器發(fā)送到客戶機的映射信息。
[0012]提供本概述是為了以簡化的形式介紹將在以下【具體實施方式】中進(jìn)一步描述的選 擇的概念。本概述并不旨在標(biāo)識所要求保護主題的關(guān)鍵特征或必要特征，也不旨在用于限 制所要求保護主題的范圍。
[0013]附圖簡述
[0014]在附圖中:
[0015]圖1示出了根據(jù)此處所公開的主題的各方面的提供IDE中的實況瀏覽器工具的系 統(tǒng)100的示例；
[0016]圖2a示出根據(jù)此處所公開的主題的各方面的用于在所獲取的代碼文件和源代碼 文件之間進(jìn)行映射的方法200的示例；
[0017]圖2b示出根據(jù)此處所公開的主題的各方面的用于在瀏覽器文件和所獲取文件之 間進(jìn)行映射的方法203的示例；
[0018]圖2c示出了根據(jù)此處所公開的主題的各方面的創(chuàng)建在DOM中的位置范圍和在所 獲取文件中的位置范圍之間的關(guān)聯(lián)的方法290的示例；
[0019]圖2d示出了根據(jù)此處所公開主題的各方面的所獲取文件的塊列表和DOM的塊列 表的示例230的示例；
[0020]圖2e示出了從瀏覽器中的選擇映射到DOM塊列表并隨后映射到所獲取文件的示 例 270 ；
[0021]圖2f是根據(jù)此處所公開的主題的各方面的用于提供IDE中的實況瀏覽器工具的 方法240的示例；
[0022]圖3是根據(jù)本文所公開主題的各方面的計算環(huán)境的示例的框圖；以及
[0023]圖4是根據(jù)此處所公開的主題的各方面的集成開發(fā)環(huán)境的示例的框圖。
[0024]詳細(xì)描述
[0025]概覽
[0026]在web開發(fā)中，(具體地，在諸如微軟的ASP.NET之類的框架中)，許多不同的源文 件可被組合以在web上形成用戶可瀏覽的頁面。例如，網(wǎng)站可具有在網(wǎng)站上的菜單欄中列出的多個頁面，諸如“主頁”、“關(guān)于”、和“聯(lián)系我們”等。菜單欄的代碼可存在于一個源文件中，“關(guān)于”頁面可存在于另一源文件中，并以此類推。在用戶瀏覽網(wǎng)站時，所有源文件可以作為單個文件(諸如，例如稱為“About, htm”(關(guān)于)的文件或稱為“Contact, htm”(聯(lián)系)的文件)回到用戶的瀏覽器。
[0027]想要改變網(wǎng)站上的某些事物的開發(fā)者必須知道他想要改變的元素位于什么文件中。通常，查找要改變的文件變成了不同尋常的任務(wù)，因為例如存在web開發(fā)者可選擇來劃分網(wǎng)站的內(nèi)容的許多不同的方式，并因為信息可以從數(shù)據(jù)庫中被提取出而非被編碼在源中。因此，開發(fā)者可能被迫手動地執(zhí)行“在文件中查找”命令、瀏覽代碼或依賴于記住該元素可在哪里被找到。
[0028]根據(jù)此處所公開的主題的各方面，在瀏覽器中選擇的任何元素、字符或位置范圍都可被映射到生成它的源代碼，并且在源代碼中選擇的任何位置范圍都可被映射到該源代碼生成在瀏覽器中的事物。帶有調(diào)用的被編譯的(例如，被編譯成匯編代碼、二進(jìn)制代碼、可執(zhí)行代碼)開發(fā)者源代碼可以在編譯期間或在稍后的時間被操縱，其這些調(diào)用在被執(zhí)行時發(fā)出將代碼段映射回特定源文件并映射回在源文件中的特定位置的元數(shù)據(jù)。被操縱的調(diào)用可被插入所解釋的源代碼文件，該源代碼文件在被解釋時發(fā)出將代碼段映射回特定源文件并映射回在該源文件中的特定位置的元數(shù)據(jù)。元數(shù)據(jù)可包括注入的符號，該注入的符號指明HTML中從特定開始位置到特定結(jié)束位置的信息來自源文件中從特定開始位置到特定結(jié)束位置的信息。
[0029]各源文件可在開發(fā)者機器上被編譯在一起，并被上傳到服務(wù)器中，以形成在用戶導(dǎo)航到網(wǎng)站時運行的代碼。在網(wǎng)站的頁面被瀏覽時，文件被服務(wù)器生成并被用戶的計算機上的瀏覽器獲取。在用戶導(dǎo)航到服務(wù)器時，該服務(wù)器可以執(zhí)行可執(zhí)行代碼中的各方法。該可執(zhí)行代碼可以用如下這樣的方式來操縱:在服務(wù)器代碼構(gòu)建瀏覽器將獲得的HTML文件時，示出HTML文件的每一片段來自何處的源代碼中的元數(shù)據(jù)可被收集。元數(shù)據(jù)可被包括在HTML文件中或可被單獨地發(fā)送。瀏覽器所獲取的文件因此可包括該瀏覽器不需要向用戶顯示的元數(shù)據(jù)。因此，在瀏覽器獲得HTML文件時，可以將元數(shù)據(jù)從瀏覽器用來顯示網(wǎng)站內(nèi)容的該文件中移除。元數(shù)據(jù)可被持久存儲到存儲器中的數(shù)據(jù)結(jié)構(gòu)中。該數(shù)據(jù)結(jié)構(gòu)可被用來將瀏覽器中的選擇映射回到源文件，并可被用來將源文件中的選擇映射到所獲取文件。
[0030]將瀏覽器選擇映射回從服務(wù)器獲取的HTML文件可變得更困難，因為諸如Javascript、微軟的 JScript?、Actionscript、Apple script、VBscript 等腳本語言可以在該瀏覽器中運行。腳本語言可以改變從服務(wù)器獲取的HTML。HTML生成包括文本、列表、表格和超鏈接的靜態(tài)文檔。腳本語言可通過添加、刪除、改變和移動HTML元素來將HTML用作呈現(xiàn)語言以提供類似應(yīng)用的體驗。腳本語言通過改變表示瀏覽器中查看的文檔的數(shù)據(jù)結(jié)構(gòu)來實現(xiàn)這一點。根據(jù)此處所公開的主題的各方面，可以維護從服務(wù)器處接收的原始文件的副本?？梢韵蛟嘉募械淖趾驮胤峙錁?biāo)識符。在腳本語言執(zhí)行時，可將底層HTML的改變與從web服務(wù)器處接收到的原始HTML進(jìn)行比較。HTML文件的塊列表和DOM的塊列表可被創(chuàng)建，其中相同的塊具有相同的標(biāo)識符，使得如果數(shù)據(jù)結(jié)構(gòu)中的元素因腳本語言的執(zhí)行的結(jié)果而移動時，該元素仍可被映射到從web服務(wù)器接收的原始HTML。當(dāng)腳本語言改變了該文檔時，差異算法可以被運行以允許瀏覽器中的用戶選擇被映射到原始所獲取文件。
[0031]在此描述的各特征的組合使得在瀏覽器中的選擇能夠被映射到在源代碼中的相應(yīng)位置。源代碼選擇可被映射回該源代碼部分在瀏覽器中最終生成的事物。即，在瀏覽器中 的選擇到開發(fā)者的機器上的源文件間的映射以及相反映射的組合為開發(fā)者提供了利用選 擇網(wǎng)頁中的元素的用戶動作來訪問源代碼文件以獲得該元素的能力。例如，假設(shè)開發(fā)者想 要改變網(wǎng)站上的聯(lián)系頁面中的電話號碼。開發(fā)者可以打開IDE，使用客戶機計算機上的客戶 機側(cè)瀏覽器中的查看命令來帶出瀏覽器，打開該瀏覽器，導(dǎo)航到聯(lián)系頁面，并使用DOM(文件 對象模型)檢查器工具來選擇該聯(lián)系頁面中的電話號碼。聯(lián)系頁面的源文件可被顯示在瀏 覽器顯示的附近，使得生成該瀏覽器頁面的HTML代碼可以與該瀏覽器中的網(wǎng)頁一起被同 時查看。源代碼的視圖可被滾動到源文件中與瀏覽器中的選擇相對應(yīng)的位置。例如，客戶機 側(cè)模塊可以將用戶帶到聯(lián)系頁面，并帶到聯(lián)系文件中硬編碼該電話號碼或找到在文件或數(shù) 據(jù)庫中訪問該電話號碼的命令的確切位置。通過將源文件中的選擇映射到在從所獲取文件 生成的塊列表中的位置范圍，可將在源文件中的選擇映射到在瀏覽器中的位置范圍。可將 在所獲取文件中的位置范圍映射到在從負(fù)責(zé)生成在源文件中的選擇的動態(tài)瀏覽器文件(例 如，D0M)生成的塊列表中的位置范圍。
[0032]響應(yīng)于接收到改變源文件中的電話號碼的用戶輸入，該文件可被保存，該站點可 被重建，并且代碼可被上傳到服務(wù)器。此外，客戶機側(cè)映射模塊可告知開發(fā)者瀏覽器上的頁 面與源代碼匹配還是不匹配。(相反，已知瀏覽器不知道該瀏覽器正在運行文件的最新近版 本還是它不在運行文件的最新近版本。)通過選擇顯示在屏幕上的選項，與所顯示的網(wǎng)頁對 應(yīng)的源文件可以被取得，并可示出源文件的最當(dāng)前版本。
[0033]客戶機側(cè)映射模塊可以包括DOM (文檔對象模型)樹可視化器工具，該工具從HTML 創(chuàng)建元素，并可顯示該HTML頁面的各元素的圖形表示。網(wǎng)頁的另一方面是該頁面看上去的 樣子。頁面看上去的樣子被稱為其樣式，并包括該頁面中使用的顏色、大小、布局和字體等。 頁面的樣式由層疊樣式表(CSS)確定。樣式可被定義在多個地方，包括但不限于文檔中的 某處、緊接著該元素、在分開的CSS文件中等。根據(jù)此處公開的主題的各方面，與瀏覽器相 關(guān)聯(lián)的CSS工具可以分析頁面中的特定元素的樣式。
[0034]對于特定標(biāo)簽(HTML元素)，CSS工具可以按網(wǎng)格的形式顯示已應(yīng)用于該元素的所 有樣式。CSS工具可以將各樣式方面顯示在例如在瀏覽器顯示下面顯示的工具窗格中，各樣 式方面包括顏色、大小、頁邊距、字體大小、填補、粗體、斜體等。當(dāng)作出樣式值中的改變時， 通過改變實況DOM文件可將這些改變立刻反映在瀏覽器中。此外，可將各樣式從CSS工具 所顯示網(wǎng)格映射到為那個元素定義該樣式的源文件。例如，如果在特定源文件中為特定元 素定義了顏色，則客戶機側(cè)映射模塊可確定在其中定義該元素的顏色的源文件的身份?？?以提供在其中定義在那個特定樣式的文檔或文件中的確切位置。通過選擇定義要改變的特 征的元素的屬性，或者通過選擇定義要改變的特征的規(guī)則，客戶機側(cè)映射模塊可以確定并 顯示在源文件中的位置，在該位置處，開發(fā)者可以通過改變源文件來作出該改變。CSS規(guī)則 映射可以通過以下方式來實現(xiàn):為原始所獲取文件中的每一 CSS規(guī)則生成唯一標(biāo)識符，并 使用該唯一標(biāo)識符來將DOM規(guī)則映射回其原始源。項目系統(tǒng)可用于使運行時URL與開發(fā)者 機器上的原始項目路徑相關(guān)聯(lián)。
[0035]從被瀏覽器用來顯示特定頁面的實況DOM文件到源文件的選擇映射可以向服務(wù) 器發(fā)送輸入，并從服務(wù)器接收輸出(在此被稱為通過服務(wù)器的往返)。由于在服務(wù)器上可發(fā) 生大量的處理，因此確定開發(fā)者的改變的結(jié)果會是什么可能是個挑戰(zhàn)。例如，HTML代碼可以按某次序定義項，但在該次序在服務(wù)器處被處理之前，沒有人能夠知道所得的頁面看上去將是什么樣的，因為它依賴于服務(wù)器處理，諸如多少項被排序了等。之前的開發(fā)軟件已提供了設(shè)計觀點，該設(shè)計觀點嘗試在開發(fā)計算機上模擬在服務(wù)器執(zhí)行了其服務(wù)器側(cè)處理之后，文件在瀏覽器中看上去將是什么樣的。
[0036]由于開發(fā)計算機一般缺少對實況服務(wù)器上的信息的訪問，并且不執(zhí)行服務(wù)器側(cè)處理，因此當(dāng)處理在服務(wù)器上發(fā)生時開發(fā)模擬通常與頁面的外觀不是非常接近。根據(jù)在此公開的主題的各方面，從web服務(wù)器請求數(shù)據(jù)。開發(fā)文件被發(fā)送到web服務(wù)器，web服務(wù)器處理這些文件，并將結(jié)果返回給開發(fā)機器。HTTP請求可以被執(zhí)行，使得開發(fā)機器可以顯示相對于實際顧客體驗而言可信的結(jié)果。換言之，代替在IDE中在瀏覽器中呈現(xiàn)當(dāng)前頁面的內(nèi)容，到服務(wù)器的全程往返被作出，使得向開發(fā)者呈現(xiàn)的事物與服務(wù)器將向查看網(wǎng)頁的用戶提供的事物相同。
[0037]為了實現(xiàn)選擇映射，基于web服務(wù)器計算機上生成的元數(shù)據(jù)的映射表可以被創(chuàng)建。該映射表可以將響應(yīng)于來自瀏覽器的HTTP請求而被客戶機從web服務(wù)器接收到的文件的各部分(即，所獲取文件)映射到源文件。該文件的每一部分可以通過向該文件的每一部分分配基于元數(shù)據(jù)的標(biāo)識符來標(biāo)識。響應(yīng)于檢測到選擇文件的所標(biāo)識部分的選擇事件，該文件的所選部分被映射回所獲取文檔，并被映射回源文件，由此使得用戶能夠經(jīng)由到服務(wù)器的往返而獲得該頁面的內(nèi)容，并將實況瀏覽器的內(nèi)容映射回源文件。
[0038]IDE中的實況瀏覽器工具
[0039]圖1示出了根據(jù)此處所公開的主題的各方面的用于提供IDE中的實況瀏覽器工具的系統(tǒng)100的示例。系統(tǒng)100的全部或各部分可以駐留在諸如下面參考圖3所描述的計算機之類的一個或多個計算機上。系統(tǒng)100可在諸如參考圖4所描述的軟件開發(fā)計算機之類的軟件開發(fā)計算機上整體地或部分地執(zhí)行。系統(tǒng)100的全部或各部分可以在諸如IDE104之類的IDE內(nèi)執(zhí)行。IDE104可以是諸如參考圖4所描述的IDE之類的IDE，或者可以是任何其它IDE。系統(tǒng)100的全部或各部分可以在IDE之外執(zhí)行。系統(tǒng)100的全部或各部分可被實現(xiàn)為插件或附件。
[0040]系統(tǒng)100可包括諸如計算機102之類的一個或多個計算機或計算設(shè)備，包括:一個或多個處理器(諸如處理器142等)、存儲器(諸如存儲器144)、和一個或多個服務(wù)器側(cè)模塊(諸如，服務(wù)器模塊108等)，該一個或多個服務(wù)器側(cè)模塊用于提供支持IDE中的實況瀏覽器工具的服務(wù)器側(cè)處理。系統(tǒng)100還可包括諸如計算機103之類的一個或多個計算機或計算設(shè)備，包括:一個或多個處理器(諸如處理器143等)、存儲器(諸如存儲器145)、和一個或多個客戶機側(cè)模塊(諸如，客戶機模塊116),該一個或多個客戶機側(cè)模塊用于提供IDE中的實況瀏覽器工具。也可以包括本領(lǐng)域已知的其他組件，但此處未示出。可以理解，一個或多個服務(wù)器模塊(諸如服務(wù)器模塊108等)可被加載到存儲器144中，以使得一個或多個處理器(諸如處理器142等)執(zhí)行歸于該一個或多個服務(wù)器側(cè)模塊的動作。將理解，一個或多個客戶機側(cè)模塊(諸如客戶機模塊116中的一個或多個)可被加載到存儲器145中，使得一個或多個處理器(諸如處理器143)執(zhí)行歸于該一個或多個客戶機側(cè)模塊的動作。
[0041]計算機102可以表示web服務(wù)器計算機，該計算機使用HTTP協(xié)議將網(wǎng)頁或其他文檔遞送給瀏覽器。計算機102可以包括web框架(諸如，web框架104)中的一個或多個。web框架104可以是諸如但不限于ASP.NET、PHP、PERL、Ruby等web框架。在圖1中由服務(wù)器模塊108等來表示該系統(tǒng)中提供根據(jù)此處所公開的主題的各方面的實況瀏覽器工具的 服務(wù)器部分。服務(wù)器模塊108等可以是web框架的插件或植入程序。源代碼132和/或編 譯代碼134可以被服務(wù)器模塊108等接收，并可被用于生成HTML文件，響應(yīng)于來自諸如瀏 覽器118之類的瀏覽器的HTTP請求，該HTML文件被從服務(wù)器計算機102發(fā)送到客戶機計 算機103。
[0042]服務(wù)器模塊108可以生成要被發(fā)送給客戶機計算機(諸如，客戶機計算機103)的 HTML文件(“所獲取文件”)。服務(wù)器模塊108可以發(fā)出與用來生成HTML文件的各部分的源 文件有關(guān)的信息。與這些源文件有關(guān)的信息可被返回給客戶機計算機。例如，可以通過將 信息嵌入在發(fā)送給客戶機的HTML文件中來返回該信息，或者可以在單獨的文件中發(fā)送該 信息。元數(shù)據(jù)被包括在發(fā)送給客戶機計算機的HTML文件、被單獨發(fā)送、還是根本不被發(fā)送 可以由網(wǎng)站配置設(shè)置、HTTP頭信息、查詢串信息、和表單數(shù)據(jù)等來控制。
[0043]服務(wù)器模塊108可以生成將在帶注釋的HTML文件中的各位置與在源代碼文件中 的各源代碼部分相關(guān)聯(lián)的元數(shù)據(jù)。例如，XML表可用于存儲源位置和目的地位置兩者?；蛘撸?令牌可用于將在HTML文件中的位置范圍與各源代碼文件部分相關(guān)聯(lián)，等等。根據(jù)此處所公 開的主題的某些方面，服務(wù)器模塊108可以生成開始令牌和結(jié)束令牌，開始令牌和結(jié)束令 牌一起定義在由服務(wù)器計算機102生成的HTML文件中的來自特定源文件中的特定位置的 位置范圍。將理解，令牌的格式可以是任何格式。例如，一個格式可以是$StartT0ken$(開 始令牌)和$endToken$ (結(jié)束令牌)。$startToken$可用于為所考慮的HTML代碼部分界定 在HTML文件中的開始位置，而$endToken$可用于為其界定在HTML文件中的結(jié)束位置?？?以向每一開始令牌/結(jié)束令牌對分配一序列號或其他標(biāo)識符，以將一對開始和結(jié)束令牌與 另一對開始和結(jié)束令牌區(qū)分開。
[0044]在服務(wù)器完成生成所請求的文件后，上下文數(shù)據(jù)可被生成。任何數(shù)據(jù)結(jié)構(gòu)都可用 于展示上下文信息。展示上下文數(shù)據(jù)的一種方式是XML格式的數(shù)據(jù)結(jié)構(gòu)，該XML格式的數(shù) 據(jù)結(jié)構(gòu)可用作映射表，并包括將HTML文件中的各部分與源中的各部分相關(guān)聯(lián)所需的數(shù)據(jù)。 例如，可包括與由開始和結(jié)束令牌來定界的在HTML文件中的位置范圍相對應(yīng)的在源文件 中的范圍的表。根據(jù)此處所公開的主題的某些方面，上下文信息可被包括在向客戶機計算 機發(fā)送的HTML文件的末尾?？梢杂脴?biāo)識特定一對開始和結(jié)束令牌的標(biāo)識符(例如，對那對 開始和結(jié)束令牌而言是唯一的標(biāo)識符)來標(biāo)識每一對開始和結(jié)束令牌，以通過匹配標(biāo)識符 來啟用在HTML文件中的位置和在用來生成HTML片段的特定源文件中的位置之間的映射。
[0045]例如，對于在所獲取文件中的在位置50處開始的10字符范圍(其可被映射到源文 件中的在位置0處開始的10字符范圍)，在所獲取文件中的所選擇的位置58 (其落于該10 字符范圍內(nèi))可被如下映射到源文件:可以從所選擇的位置中減去所獲取范圍的開始位置， 并可將結(jié)果加到在源文件中的范圍的開始位置上。在該情況下，為58-50+0=8，其中8是在 源文件中的所選擇的位置。對于在所獲取文件中的所選范圍的各開始和結(jié)束位置，可以執(zhí) 行相同的運算，以找到在源文件中的相應(yīng)范圍的開始和結(jié)束位置。一個源位置范圍可以映 射到在由服務(wù)器計算機102生成的HTML文件中的多個位置范圍。在一個源文件中的一個 范圍可以包括在另一個源文件中的各范圍，使得在所獲取文件中的單個位置可以映射到多 個源文件。例如，源文件可以包括用于在當(dāng)前位置處包含另一源文件的命令。
[0046]由服務(wù)器生成的HTML中的內(nèi)容可以與源文件中的內(nèi)容逐字符相同。這種內(nèi)容類型被稱為字面內(nèi)容。字面內(nèi)容可以是例如HTML。由服務(wù)器生成的HTML中的內(nèi)容可以與源文件中的內(nèi)容不同。這種內(nèi)容類型被稱為非字面內(nèi)容。非字面內(nèi)容可以是源文件中被運行來產(chǎn)生在由服務(wù)器生成的HTML文件中的HTML的代碼。由服務(wù)器產(chǎn)生的元數(shù)據(jù)可以包括以下上下文信息:被用來將源文件映射到所獲取文件的標(biāo)識符、在源文件中的開始位置、在源文件中的結(jié)束位置或另選地在源文件中的長度、(輸出所源自的)源文件的名稱或路徑、指示內(nèi)容是字面內(nèi)容還是非字面內(nèi)容的指示符、在所獲取文件中的開始位置、在所獲取文件中的結(jié)束位置或另選地在所獲取文件中的長度。該信息使從所獲取文件到源文件的轉(zhuǎn)換成為可能。
[0047]圖2a示出了根據(jù)此處所公開的主題的各方面的用于在瀏覽器文件和源代碼文件之間進(jìn)行映射的方法200的示例。圖2a中所述的方法可由諸如但不限于以上參考圖1所述的系統(tǒng)來實施。以下描述的一些動作可以是可任選的。以下描述的一些動作可按不同于以下所述的序列來執(zhí)行。
[0048]在201，瀏覽器可向諸如web服務(wù)器計算機102之類的web服務(wù)器發(fā)送請求特定網(wǎng)頁的HTTP請求。在202，運行服務(wù)器側(cè)瀏覽器模塊的web服務(wù)器可以接收該HTTP請求，并作為響應(yīng)，在204可生成包括HTML文件和映射元數(shù)據(jù)的響應(yīng)。根據(jù)此處所描述的主體的某些方面，所生成的HTML文件可包括界定HTML文件中的每一輸出元素的位置范圍的注釋。web服務(wù)器計算機可以生成包括映射表的元數(shù)據(jù)，該映射表包括HTML文件中的每一有注釋元素的上下文數(shù)據(jù)。web服務(wù)器可將帶注釋的HTML文件和元數(shù)據(jù)發(fā)送給客戶機。在206，客戶機文件可以接收帶注釋的HTML文件和元數(shù)據(jù)。元數(shù)據(jù)可以被嵌入在HTML中，或者可以被單獨地發(fā)送。在208，可以使用該元數(shù)據(jù)來生成可被用來在所獲取文件和源代碼文件之間以及在源文件和所獲取文件之間進(jìn)行映射的數(shù)據(jù)結(jié)構(gòu)。在210，可以將這些注釋從HTML文件中去除，并且在212，可將所得的動態(tài)瀏覽器文件傳遞給瀏覽器以供顯示。動態(tài)瀏覽器文件可以被表示為DOM。
[0049]計算機103可以表示主控web瀏覽器(例如，瀏覽器118)的客戶機計算機。瀏覽器118可以任何瀏覽器，包括但不限于Mosaic、微軟的Internet Explorer?.、Mozilla、Netscape、和Firefox等。web瀏覽器是用于檢索、呈現(xiàn)和遍歷萬維網(wǎng)上的信息資源的軟件應(yīng)用。信息資源由統(tǒng)一資源標(biāo)識符(URI)來標(biāo)識，并且可以是網(wǎng)頁、圖像、視頻或其他內(nèi)容片段。計算機103可以表示軟件開發(fā)計算機。根據(jù)此處所描述的主題的各方面，計算機103可以主控IDE110，IDEllO包括IDE中的實況瀏覽器工具的一個或多個客戶機模塊116等。這一個或多個客戶機模塊116可以包括以下各項中的一個或多個:瀏覽器118、映射模塊136、DOM樹可視化器160、CSS工具162和/或過濾器124。系統(tǒng)100還可包括以下各項中的任何一個或全部:映射表138、一個或多個源文件(在圖1中由源文件126表示)、所獲取文件128和/或諸如實況D0M130等動態(tài)瀏覽器文件。文檔對象模型(DOM)是跨平臺、語言無關(guān)的約定，該約定用于表示HTML、XHTML和XML文檔中的對象并與其進(jìn)行交互。DOM元素可以由包括諸如但不限于Jscript等腳本語言的編程語言來尋址和操控。DOM支持任何定向的導(dǎo)航。即，DOM支持從子到其父、從父到其子、和從子到先前同輩的導(dǎo)航。計算機103還可以包括web服務(wù)器組件(例如，web框架和類似于服務(wù)器模塊108的一個或多個服務(wù)器模塊)(未示出)。計算機102和103可以經(jīng)由網(wǎng)絡(luò)114連接。
[0050]瀏覽器118可以向web服務(wù)器(諸如，web服務(wù)器計算機102)發(fā)送HTTP請求?；蛘?，該請求可以被發(fā)送給計算機103上的web服務(wù)器。該HTTP請求可以是對網(wǎng)站的頁面的 請求。被請求的HTML文件可以是如在此描述的帶注釋的HTML文件。元數(shù)據(jù)可以被單獨地 發(fā)送，或者可以被嵌入在帶注釋的HTML文件中。可以提供附加元數(shù)據(jù)，該附加元數(shù)據(jù)消除 了對HTML文件中的注釋的需要。響應(yīng)于接收該HTTP請求，web服務(wù)器計算機102可以生成 HTML文件，在該HTML文件中注入了將在該HTML中的位置范圍映射到在源文件中的相應(yīng)位 置范圍的元數(shù)據(jù)。帶注釋的HTML文件可被發(fā)送到客戶機計算機103。或者，該元數(shù)據(jù)可以 在單獨的文件中被發(fā)送?？蛻魴C模塊116中的一個或多個模塊可以接收帶注釋的HTML文 件(所獲取文件128)，可以去除元數(shù)據(jù)和/或注釋、可以從該元數(shù)據(jù)構(gòu)建映射表138、并且可 以為瀏覽器生成不帶有元數(shù)據(jù)的文件。
[0051]從被瀏覽器用來導(dǎo)出并顯示網(wǎng)頁的所獲取文件生成的文件被稱為動態(tài)瀏覽器文 件，并可被轉(zhuǎn)換成D0M，諸如D0M130?；蛘撸獢?shù)據(jù)可被單獨地發(fā)送。響應(yīng)于接收該HTTP請 求，服務(wù)器模塊可以生成HTML文件和元數(shù)據(jù)文件，在該元數(shù)據(jù)文件中提供有將所獲取文件 中的每一輸出元素映射到源文件中的相應(yīng)位置的元數(shù)據(jù)。HTML文件和元數(shù)據(jù)文件可被發(fā)送 到客戶機計算機103?？蛻魴C模塊116可以接收HTML文件、(例如，所獲取文件128)和元數(shù) 據(jù)文件。映射模塊136可以從該元數(shù)據(jù)構(gòu)建映射表138，并可將該HTML文件提供給瀏覽器。 映射模塊136可以使用映射表138通過以上更全面地描述的匹配標(biāo)識符來在動態(tài)瀏覽器文 件或D0M130和源文件126之間進(jìn)行映射。瀏覽器118可以基于映射表138中的信息將正 在瀏覽器118中顯示的頁面的源代碼文件(例如，源代碼編輯器(例如，源代碼編輯器119) 中的源文件126)同時顯示在瀏覽器顯示附近。
[0052]根據(jù)此處所公開的主題的各方面，計算機103可以主控IDEl 10，IDEllO包括在瀏 覽器中的選擇和從web服務(wù)器所獲取的文件之間進(jìn)行映射的一個或多個模塊(例如，選擇 映射模塊137)。選擇映射模塊137可包括過濾模塊?；蛘撸T如過濾器124等過濾模塊可 以在選擇映射模塊137的外部。選擇映射模塊137可包括差異模塊?；蛘撸T如差異模塊 120等差異模塊可以在選擇映射模塊137的外部。選擇映射模塊137可包括塊列表生成模 塊?；蛘撸T如塊列表生成模塊122等塊列表生成模塊可以在選擇映射模塊137的外部。 IDEllO可以包括以下中的一個或多個:瀏覽器118、布局引擎(未示出)和/或在瀏覽器中 呈現(xiàn)的文件上執(zhí)行的腳本語言150。IDEllO可以包括諸如源代碼編輯器119等源代碼編輯 器。
[0053]系統(tǒng)100還可以包括以下各項中的任一個或全部:諸如所獲取文件128等獲取文 件、諸如D0M130等動態(tài)瀏覽器文件、諸如所獲取文件塊列表129等從所獲取文件導(dǎo)出的塊 列表、以及諸如DOM塊列表127等從DOM導(dǎo)出的塊列表。瀏覽器118可以向web服務(wù)器發(fā) 送對網(wǎng)站的頁面的請求(例如，HTTP請求)。作為響應(yīng)，瀏覽器118可以從web服務(wù)器接收網(wǎng) 頁。該網(wǎng)頁可以是HTML文件。由瀏覽器118接收到的文件可以作為所獲取文件128被存 儲在存儲器145。由于HTML文件是從web服務(wù)器接收的，根據(jù)此處所公開的主題的某些方 面，諸如過濾器124等模塊可以向HTML文件中的每一元素分配標(biāo)識符，使得每一個不同的 元素被分配了其自己的標(biāo)識符。也可以向各個字分配標(biāo)識符。通過HTML開始標(biāo)簽和HTML 結(jié)束標(biāo)簽對的存在性來界定HTML文件中的元素。過濾器124可以是操作MME (多用途因 特網(wǎng)電子郵件擴展)類型的“文本”的MME過濾器。將理解，或者，可以在腳本語言運行之 前的另一時刻(例如，在HTML文件被呈現(xiàn)在瀏覽器中后)向HTML文件中的每一元素分配標(biāo)識符。
[0054]即使腳本語言在運行并且各元素被到處移動或被改變，標(biāo)識符仍使得DOM中的各元素能被映射到所獲取文件中的各元素，并反之亦然。將理解，無法映射被刪除了的元素。類似地，被插入在DOM中的元素不能被映射到所獲取文件中的相應(yīng)元素，因為該元素不在該所獲取文件中?？梢詫TML所獲取文件128解析成文檔對象模型(D0M)，諸如D0M130。文檔對象模型(DOM)是跨平臺的、語言無關(guān)的約定，該約定用于表示HTML、XHTML和XML文檔中對象并與這些對象進(jìn)行交互。DOM元素可以由包括諸如但不限于Jscript等腳本語言的編程語言來尋址和操控。DOM支持任何方向上的導(dǎo)航。即，DOM支持從子到其父、從父到其子、和從子到先前同輩的導(dǎo)航。
[0055]從所獲取文件128創(chuàng)建的D0M130可以被存儲在存儲器145中，并可被布局引擎用于顯示網(wǎng)頁的視圖，諸如瀏覽器118中的視圖104。D0M130可通過執(zhí)行腳本語言來修改。因此，D0M130可以隨時間改變，并且是動態(tài)的。當(dāng)瀏覽器118首次呈現(xiàn)從服務(wù)器獲取的網(wǎng)頁時，視圖104對應(yīng)于所獲取文件128。HTML轉(zhuǎn)換成DOM使得腳本語言能夠在瀏覽器118中執(zhí)行。諸如Jscript之類的腳本語言可執(zhí)行。在腳本語言執(zhí)行時，腳本語言可以改變D0M。當(dāng)DOM改變時，視圖104可以在瀏覽器中改變。因此，只要腳本語言一執(zhí)行，所獲取文件將不再反映當(dāng)前視圖。在DOM改變時，相應(yīng)的改變被反映在視圖104中。
[0056]諸如塊列表生成模塊122之類的塊列表生成模塊可以從D0M130生成塊列表(例如，DOM塊列表127)。諸如塊列表生成模塊122之類的塊列表生成模塊可以從所獲取文件128生成塊列表(例如，所獲取文件塊列表129)。諸如差異模塊120之類的差異模塊可以在所獲取文件塊列表129和DOM塊列表127上運行，以在各塊列表之間進(jìn)行映射，即使DOM不再反映所獲取文件。以下更全面的描述由差異模塊120執(zhí)行的處理。
[0057]因此，根據(jù)此處所公開的主題的各方面，當(dāng)腳本語言改變在瀏覽器118中的視圖102底層的DOM數(shù)據(jù)結(jié)構(gòu)時，差異算法可以在DOM和所獲取文件的塊列表上運行，以處理這些塊列表中的映射改變。DOM塊列表127可以改變以反映由腳本語言的執(zhí)行作出的改變。
[0058]圖2b示出了根據(jù)此處所公開的主題的各方面的將在瀏覽器中的選擇映射到從web服務(wù)器獲取的文件的方法203的示例。圖2中所述的方法可由諸如但不限于參考圖1描述的系統(tǒng)來實施。以下描述的一些動作可以是可任選的。以下描述的一些動作可按不同于以下所述的序列來執(zhí)行。
[0059]在213，瀏覽器可以向web服務(wù)器發(fā)送諸如HTTP請求之類的請求。在214，瀏覽器可以從web服務(wù)器接收所請求的文件。由瀏覽器響應(yīng)于瀏覽器請求而接收的文件在此被稱為所獲取文件。所獲取文件可以是HTML文件。所獲取文件可以被加載到存儲器中。在214，隨著所獲取文件被接收，可在216向HTML文件中的各元素分配標(biāo)識符，使得向每一個不同的元素分配其自己的標(biāo)識符。HTML文件可被轉(zhuǎn)換成D0M，并被瀏覽器呈現(xiàn)。在執(zhí)行期間，在218，諸如但不限于Jscript等腳本語言可在DOM上運行。在220，腳本語言可在其執(zhí)行時改變D0M。在222，可以通過匹配塊標(biāo)識符來生成DOM和所獲取文件之間的關(guān)聯(lián)，如以下更全面地描述的。在224，響應(yīng)于選擇被顯示在瀏覽器中的文檔的一部分的用戶輸入，該選擇可被映射到DOM的一部分。在226，DOM的該部分可被映射到所獲取文件的一部分。
[0060]圖2c示出了根據(jù)此處所公開的主題的各方面的創(chuàng)建在DOM中的位置范圍和在所獲取文件中的位置范圍之間的關(guān)聯(lián)的方法290的示例。圖2c中描述的方法可由諸如但不限于參考圖1中描述的系統(tǒng)來實施。以下描述的一些動作可以是可任選的。以下描述的一 些動作可按不同于以下所述的序列來執(zhí)行。
[0061]在292，可以將不同的標(biāo)識符可以分配給所獲取文件中的每一元素。元素可以通 過開始標(biāo)簽和結(jié)束標(biāo)簽的存在性被標(biāo)識出。在294，可從所獲取文件創(chuàng)建塊列表?？蓮腄OM 創(chuàng)建另一塊列表。為了創(chuàng)建所獲取文件(HTML文件)的塊列表，可以解析該文件，并且可為 在HTML文件中遇到的每一開始和結(jié)束標(biāo)簽對創(chuàng)建一個塊。向該元素分配的標(biāo)識符可被保 存?？蔀镠TML文件中的每一字創(chuàng)建一個塊。根據(jù)此處所公開的主題的某些方面，可向字分 配作為該字的散列的標(biāo)識符。因此，如果特定字在HTML文件中被遇到了一次以上，則在該 特定字的每一次出現(xiàn)將具有相同的標(biāo)識符。
[0062]為了創(chuàng)建D0M294的塊列表，該DOM可被轉(zhuǎn)換成HTML文件，并且以上參考所獲取文 件來描述的過程可用于生成該DOM塊列表。或者,可以走查DOM樹，并可由此創(chuàng)建如上所述 的DOM塊列表。在296，差異模塊可以在所創(chuàng)建的兩個塊列表上運行諸如修正Heckel差異 算法之類的差異算法。差異算法可以在DOM塊列表和所獲取文件塊列表上運行?？蓪TML 中的每一開始和結(jié)束標(biāo)簽看成塊。因此，可為所獲取文件中和DOM中的每一個字及每一開 始或結(jié)束標(biāo)簽對創(chuàng)建塊。由于同一標(biāo)簽通常在HTML文檔中被使用一次以上，唯一標(biāo)識符 可被分配給每一開始標(biāo)簽(例如，通過用唯一標(biāo)識符來設(shè)置所獲取文件中的相應(yīng)元素的屬 性)。各字將其文本用作其標(biāo)識符，并且因此如果相同的字在文檔中出現(xiàn)一次以上的話，則 這些字將是非唯一的。如果所獲取文件塊具有與DOM塊的唯一標(biāo)識符匹配的唯一標(biāo)識符， 則這兩個塊被確定為是相同的。它們的關(guān)聯(lián)可以被記錄。如果所獲取文件塊具有非唯一標(biāo) 識符(諸如文本的情況)，但它存在于所獲取文件中的相關(guān)聯(lián)的塊的附近，且具有匹配標(biāo)識 符的塊存在于DOM中的相應(yīng)塊附近，則這兩個塊被確定為是相同的塊。它們的關(guān)聯(lián)可以被 記錄。在塊列表中向前和向后重復(fù)應(yīng)用該過程找到了具有非唯一標(biāo)識符的未被改變的塊的 關(guān)聯(lián)。所記錄的關(guān)聯(lián)被用于在所獲取文件和DOM塊列表之間進(jìn)行映射，并且反之亦然。
[0063]圖2d示出了所獲取文件的塊列表(例如，所獲取文件塊列表232)和DOM的塊列表 (例如，DOM塊列表234)的示例230。每一文件中的各相同塊可以使用所分配的標(biāo)識符而彼 此關(guān)聯(lián)(例如，用所獲取文件塊列表232的id=AAA240來標(biāo)識的塊映射到由DOM塊列表234 中的id=AAA242來標(biāo)識的塊)。例如，在圖2c中，所獲取文件塊列表232中塊236與DOM塊 列表234中的塊238相同。塊236可被映射到塊238并反之亦然，因為塊236的標(biāo)識符240 與塊238的標(biāo)識符242相同。DOM塊列表234中的塊244沒有映射到所獲取文件塊列表232 中的塊，因為“
【權(quán)利要求】
1.一種系統(tǒng)，包括: 計算設(shè)備的至少一個處理器； 所述計算設(shè)備的存儲器；以及 加載到所述存儲器中的至少一個模塊，所述模塊使所述至少一個處理器: 通過以下方式將在IDE中的瀏覽器中的選擇映射到在生成處于所述瀏覽器中選擇的位置范圍處的內(nèi)容的源文件中的位置范圍，并將在源文件中的選擇映射到在動態(tài)瀏覽器文件中的位置范圍: 將在所述瀏覽器中的選擇映射到在所獲取文件中的位置范圍，所述所獲取文件包括響應(yīng)于HTTP請求從web服務(wù)器接收的文件； 將在所述所獲取文件中的位置范圍映射到在生成在所述瀏覽器中的所述選擇的所述源文件中的位置范圍；以及 將在所述瀏覽器中的選擇與源代碼編輯器中的所述源文件同時顯示在所述IDE中，所述源文件被滾動到與在所述瀏覽器中的選擇相對應(yīng)的位置范圍。
2.如權(quán)利要求1所述的系統(tǒng)，其特征在于，所述至少一個處理器接收將在所述所獲取文件中的位置范圍映射到在特定源文件中的特定位置范圍的元數(shù)據(jù)，該元數(shù)據(jù)包括所述特定源文件的路徑以及在所述特定源文件中的開始位置。
3.如權(quán)利要求2所述的系統(tǒng)，其特征在于，所述至少一個模塊從接收到的元數(shù)據(jù)生成映射表，所述映射表將在所述所獲取文件中的位置范圍映射到在源文件中的位置范圍?！?br> 4.如權(quán)利要求1所述的系統(tǒng)，其特征在于，在所述瀏覽器中呈現(xiàn)的內(nèi)容包括生產(chǎn)服務(wù)器的響應(yīng)。
5.一種方法，包括: 由軟件開發(fā)計算機的處理器從web服務(wù)器接收在IDE中的瀏覽器中的用戶選擇； 將在所述瀏覽器中的所述選擇映射到在所獲取文件中的位置范圍，所述所獲取文件包括響應(yīng)于HTTP請求從web服務(wù)器接收的文件；以及 將在所述所獲取文件中的位置范圍映射到在生成所述瀏覽器中的所述用戶選擇的源文件中的位置范圍；以及 將在IDE中的瀏覽器中的所述選擇與在所述源文件中的位置范圍同時顯示，所述源文件在所述IDE的源代碼編輯器中被滾動到生成所述瀏覽器中的用戶選擇的位置范圍。
6.如權(quán)利要求5所述的方法，其特征在于，還包括: 接收將所述所獲取文件中的位置范圍映射到產(chǎn)生了在所述所獲取文件的位置范圍處的內(nèi)容的源文件中的相應(yīng)位置范圍的元數(shù)據(jù)，所述元數(shù)據(jù)包括到所述源文件的路徑以及在所述源文件中的與在所述所獲取文件中的位置范圍相對應(yīng)的相應(yīng)位置范圍。
7.如權(quán)利要求6所述的方法，其特征在于，還包括: 在所述軟件開發(fā)計算機的存儲器中生成映射表，所述映射表通過創(chuàng)建所述所獲取文件和瀏覽器文件之間的關(guān)聯(lián)來將所述瀏覽器中的內(nèi)容映射到所述所獲取文件中的相應(yīng)內(nèi)容。
8.如權(quán)利要求7所述的方法，其特征在于，還包括: 通過向所述web服務(wù)器發(fā)送生成服務(wù)器內(nèi)容的請求來生成所述服務(wù)器內(nèi)容并將所述服務(wù)器內(nèi)容顯示在所述瀏覽器中。
9.如權(quán)利要求5所述的方法，其特征在于，還包括:顯示表示瀏覽器頁面的樹數(shù)據(jù)結(jié)構(gòu)，所述瀏覽器頁面被顯示在所述瀏覽器中。
10.一種包括當(dāng)執(zhí)行時使計算設(shè)備的至少一個處理器執(zhí)行下列操作的計算機可執(zhí)行指令的計算機可讀存儲介質(zhì):接收在IDE中的瀏覽器中的選擇；將在所述瀏覽器中的選擇映射到在動態(tài)瀏覽器文件塊列表中的位置范圍；將在所述動態(tài)瀏覽器文件塊列表中的位置范圍映射到在所獲取文件塊列表中的位置范圍，所述所獲取文件包括響應(yīng)于HTTP請求從web服務(wù)器接收的文件；以及將在所述所獲取文件塊列表中的位置范圍映射到生成在所述瀏覽器中的選擇的源文件中的相應(yīng)位置范圍；以及將在所述瀏覽器中的選擇和所述源文件同時顯示在所述IDE中，所述源文件在源代碼編輯器中被滾動到所述源文件中的相應(yīng)位置范圍。·
【文檔編號】G06F17/00GK103597469SQ201280029384
【公開日】2014年2月19日 申請日期:2012年6月5日 優(yōu)先權(quán)日:2011年6月16日
【發(fā)明者】D·P·查迪亞, J·M·戴維斯, J·E·伽寶迪貢扎樂茲, V·R·喬希, M·J·哈德, M·巴切, A·T-P·潘, R·曼伽洛, J·E·容格 申請人:微軟公司