TWI262409B - Method and system for rapidly acquiring website information - Google Patents

Description

1262409 五、發明說明（1) 【發明所屬之 本發明係 適用於線上冤 取、編輯、儲 技術領域】 關於一種快速獲取網路資訊的 集網路資訊時，可以即時劉覽 存需要的網路資訊，以備曰後 方法與系統 、搜尋、擷 查閱。 【先前 寬 好。網 在網路 網路上 絡，無 平台。 網 網路上 的資訊 徑。於 擎，縱 不過氣 然發現 方便摘 如 是以網 再鍵入 得的網 技術】 頻網路 路連線 上的時 的内容 庸置疑 際網路 力資訊 ’吾人 是人人 橫四海 來時， 摘錄的 錄的工 圖一所 頁瀏覽 一關鍵 頁内容 持續普及，使得網路的發展前 的頻寬愈大，連結網路的速度 間將愈多，網路上的商機也將 將愈形多元豐富。檢視近年來 ’網路已成為人們溝通或資訊 把全球各地的 豐沛，無論什 已把網路視為 上網查詢需要 蒐羅相關的資 直想先摘錄重 過程不是那麼 具’不免令人 示，一般說來 器A 1 2 0連結網 字以進行該關 並不確定是否 資訊都串 麼領域都 諮詢任何 的資訊， 訊，一俟 點，日後 方便。空 嗟嘆。 ，線上查 路A100上 鍵字相關 相關，因 景也持續看 愈快，人們待 愈大，也因而 網路發展的脈 交流的最重要 連起來，人人都知道 可在網路上查得需要 疑難雜症的終南捷 並進〜步透過搜尋引 過量的資訊壓得人透 得閒再行查閱，卻驀 有豐沛的資訊卻缺乏 詢資訊的方法，大都 的搜尋引擎A11 〇後’ 資訊的搜尋。但所搜 此，必需逐一打開網

第5頁 I262409_ 五、發明說明（2) 頁，並逐一審視内容才得以將需要的網頁篩選出來。而 且，篩選得到的網頁往往不是所有的内容都符合個人需 求，若要將搜尋得到的網路資訊提供日後存查，則必要摘 錄其中重點進而編輯所摘錄的内容。 吾人知，網頁瀏覽器A1 20只提供單向瀏覽的功能，亦 即在瀏覽的狀態下無法編輯内容，如果要編輯所篩選出來 的網頁内容，通常以網頁瀏覽器A1 20另存新檔的功能儲存 相關網頁（A 1 2 1 )，最後才到該儲存的位置，打開網頁並摘 錄需要的資訊到編輯器A 1 4 0内以便進行内容編輯。其中， 二使用4之摘錄工具通常為作業系統的剪貼薄A1 3〇,並以手 ί ί i:Γ々ϋ方式貼到編輯器A1 4 〇内，以便做後續的編 輯軟體。2輯器 A140係指 W〇rd、Fr〇ntPage、WordPad等編 頁、逐1 ，儲存的網頁太多，不僅要逐一再次打開網 複製再次審視内容、逐一再次篩選需要的内容、逐一 的相2次的資訊並貼到編輯器A1 40内，一直到所有網頁上 而且在^訊’都貼到編輯器A1 40内’才進行最後的編輯， 果有多、、輯的過程中’編輯器A 1 4 0並不連結網路A 1 0 0。如 1個關鍵字需要查詢相關的資訊，則上述的操作將重 復夕二人’這個過程不僅冗長而且煩人。 士口 圖 _ — pt 能儲；r =—所不’即使不以網頁劉覽器A12 0另存新檔的功 網頁子而要的網頁後再編輯其内容，而直接將搜尋得到的 審視、篩選後即刻摘錄重點到編輯器A丨4 〇内進行 兩加k 仍必須同時開啟網頁瀏覽器A1 20及編輯器Ai 40 网個軟濟。山 、 。也因為同時開啟兩個軟體，所以勢必要利用作

1262409 ^~~ 一 ~~~--~^ s、--- 五、發明說明（3) 業系統與貼薄A 1 3 0的功能來溝通該兩個軟體間的訊息。譬 如，使用滑鼠右鍵進行剪貼薄提供的複製、貼上功能’而 將網頁瀏覽器A1 20内的網頁内容貼到編輯器A1 40内以進行 後續的編輯，這些手動操作的煩人的過程旅不因此減少。 吾人知，網頁瀏覽器雖可瀏覽網頁，但要搜尋資料則 必須連上搜尋引擎才得以進行搜尋。也就是說，在網頁簡 $器内瀏覽一網頁時，無法”即時”搜尋該網頁内容中關鍵 字的相關資訊。為彌補這個缺憾，如圖三所示，Goog 1 e等 搜哥引擎提供使用者下載一工具列A 3 1 〇，該工具列將外掛 (p 1 u g i η )到使用者的網頁劉覽器a 1 2 0上，以方便使用者 在/劉覽任何網頁時，都能”即時”搜尋該網頁内容關鍵字的 相關資訊。只要在工具列A 3 1 0上的文字框A 3 2 0内鍵入一字 串或拖戈網頁上被反白的一字串A3 4〇到文字框A3 2 0内，再 按下Search Web按鈕A33 0即可將該字串傳送到Go〇Sle#搜 尋相關的網頁。這個功能雖然解決了 ”即時'，搜尋的需求’ 但使用者若要對搜尋到的網頁内容進行編輯，則其執行動 作仍如前述一樣煩瑣冗長，因為習知技術在網頁瀏覽的狀 態下仍不得編輯網頁内容。 在編輯線上網頁的需求下，有些編輯器與網頁瀏覽器 可連結在一起，如圖四所示，將網頁瀏覽器A1 2 0與編輯器 A 1 4 0連結在一起。使用者以網頁瀏覽器a 1 2 0瀏覽網頁時’ 一旦對一網頁有興趣，即可呼叫FrontPage(A141)用以編 輯該網頁。圖五即為呼叫FrontPage(Al 41 )編輯網頁内容 的畫面，圖五中FrontPage (A1 41 )内含的網頁即處於可編

1262409 五、發明說明（4) « 輯狀態，由這個網頁上的網頁物件都有虛線邊框，可得知 這些網頁物件都處於可編輯狀態。但這種做法僅針對單一 網頁，如果需要編輯超過兩個以上的網頁，則仍要使用作 業系統剪貼薄功能，用以複製網頁瀏覽器内的網頁内容而 貼到編輯器内以進行編輯，其手動複製貼上的過程依舊煩 人。而且，在FrontPageA141内編輯網頁内容的過程中， 若要搜尋相關資訊，仍要切換到網頁瀏覽器才得以連上搜 尋引擎以進行相關資訊的搜尋，其操作的過程仍然不方 便，因為在編輯器内編輯網頁的環境下，並沒有與網路連 接，因此無法透過搜尋引擎進行相關資訊的搜尋。 前述的所有操作都要同時開啟網頁瀏覽器及編輯器， 而且操作過程中，不可避免的要在網頁瀏覽器與編輯器之 間切換。如圖六所示，同時開啟網頁瀏覽器A 1 2 0及編輯器 A 1 4 0，而藉由作業系統的剪貼薄A 1 3 0功能以交換兩者間的 訊息。也就是說，若在網頁瀏覽器A 1 2 0内看到感興趣的網 頁内容，只能藉由作業系統剪貼薄A1 3 0的功能，而以手動 的方式，將lf被選取的内容”由網頁瀏覽器A 1 2 0内擷取到編 輯器A 1 4 0内以便編輯。因為兩個軟體的溝通，必要藉助作 業系統，否則無法彼此交換訊息。除非在網頁瀏覽器内新 增編輯網頁的功能或在編輯器内新增瀏覽網頁的功能，即 可不必同時開啟網頁瀏覽器及編輯器，否則手動操作的過 程依然繁瑣。 綜合前述，現有的網頁瀏覽器無法提供快速獲取網路 資訊的原因如下：

第8頁 1262409 五、發明說明（5) 1. 瀏覽一網頁時，無法’’即時”搜尋該網頁内容中關鍵 字的相關資訊； 2. 在網頁瀏覽的狀態下，無法編輯網頁内容； 3. 在編輯網頁的環境下，無法連結搜尋引擎進行相關 資訊的搜尋； 4. 網頁瀏覽器與編輯器各自為政，必須藉助作業系統 剪貼薄而以手動的方式，將需要的資料由網頁瀏覽器中複 製而貼到編輯器内。 « 【發明内容】 本發明之目的即針對上述原因而提出解決方法，該方 法將把網頁瀏覽器瀏覽網頁的功能結合本發明提出的相關 模組，以便快速且即時擷取網路資訊而存為己用。 網頁瀏覽器結合本發明提供的相關模組之特徵如下： 1. 提供一連結模組，用以瀏覽任一網頁時都可”即 時”連結一搜尋引擎，進行該網頁内關鍵字相關資訊的搜 尋； 2. 提供一編輯模組，用以在網頁瀏覽的當時即可進行 内容編輯； 3. 在編輯網頁的過程中也提供該連結模組，用以搜尋 編輯内容中關鍵字的相關資訊； 4. 將瀏覽網頁的功能與編輯網頁的功能合而為一，而 不必切換不同操作介面，以減少手動操作複製、貼上的不 便0

1262409 ! I五、發明說明（6)

I 【實施方式】 如圖七所示，要能方便、快速且即時獲取網路資訊而 存為己用，其中隱含四個必要步驟：搜尋A 7 1 0、瀏覽 A720、編輯A730、擷取A740。這四個步驟將因應需求而重 覆運作，最後才進行儲存A 7 5 0以備日後查閱。日後若發現 所儲存的内容需要再補充，則再以該四個步驟重覆施作以 進行補充。 其中搜尋A 7 1 0及瀏覽A 7 2 0兩步驟可重覆施作，以篩選 需要的資訊，再以擷取A 7 4 0步驟擷取相關的網頁内容以進 行編輯A73 0的步驟；在實施編輯A73 0的步驟時，亦可上網 搜尋編輯内容中關鍵字的相關資訊，而重覆瀏覽A72 0、擷 取A 7 4 0、編輯A 7 3 0三步驟；此外，編輯A 7 3 0與瀏覽A 7 2 0兩 個步驟也可隨時切換操作。實施該四個步驟都將處於網路 連線狀態，也惟有維持在線上，才能一氣11可成提供該四個 步驟的功能，並畢其功於一役。 以目前的技術要能摘錄網路資訊並存為己用，不可避 免的，要一再的重覆上線、離線的動作才能竟功，而且操 作過程繁雜冗長。因為目前的技術雖能達到摘錄網路資訊 的目地，但必須併用搜尋引擎、網頁瀏覽器、作業系統剪 貼薄以及編輯器四種機制。其中搜尋引擎在線上提供搜尋 服務；網頁瀏覽器用以瀏覽網頁；作業系統剪貼薄用以將 網頁瀏覽器内需要的網頁内容，以手動複製、貼上的方法 貼到編輯器内；編輯器則提供編輯内容的功能，但編輯器

第10頁 1262409 五、發明說明（7) 係處在離線的狀態，若在編輯過程中要搜尋相關資訊，則 又要藉由網頁瀏覽器連結網路上的搜尋引擎，俾以進行相 關資訊的搜尋。 如前述，本發明提出的解決方法，將結合網頁瀏覽器 瀏覽網頁的功能與下列模組的相關機制，以便快速且即時 擷取網路資訊而存為己用： 1. 提供一連結模組，用以瀏覽任一網頁時都可’’即 時”連結一搜尋引擎，進行該網頁内關鍵字相關資訊的搜 尋； 2. 提供一編輯模組，用以在網頁瀏覽的當時即可進行 内容編輯； 3. 在編輯網頁的過程中也提供該連結模組，用以搜尋 編輯内容中關鍵字的相關資訊； 4. 將劇覽網頁的功能與編輯網頁的功能合而為一，而 不必切換不同操作介面，以減少手動操作複製、貼上的不 便。 其中第1項所述，將在網頁瀏覽器瀏覽網頁的同時， 提供一連結模組而與該網頁瀏覽器結合，用以π即時’’連結 一搜尋引擎，進行該網頁内容關鍵字相關資訊的搜尋。該 連結模組可接受一字串，並將該字串送至一搜尋引擎。至 於該搜尋引擎可為常見的搜尋引擎，如Google、Yahoo 等，也可為線上資料提供業者自行開發所提供的查詢機 制。 第2項所述，將在網頁瀏覽器瀏覽網頁的同時，提供

第11頁 1262409 五、發明說明（8) 一編輯模組而與該網頁瀏覽器結合，用以在瀏覽一網頁的 同時，得以編輯該網頁内容。該編輯模組可把該網頁瀏覽 器内含的一網頁，由瀏覽狀態改為編輯狀態，俾以編輯該 網頁内容；該編輯模組亦可利用DHTML的特性，而在該網 頁的瀏覽狀態下，直接改變該網頁的内容以進行内容編 輯。 第3項所述，在網頁編輯過程中，也提供該連結模組 用以連結搜尋引擎進而搜尋所編輯的内容中内含的關鍵字 的相關資訊。 第4項所述，可撰寫編輯模組的應用程式而結合網頁 瀏覽器原有瀏覽網頁的功能，以提供網頁瀏覽器在瀏覽網 頁的同時即可編輯網頁内容。或撰寫一應用軟體，其中包 含瀏覽模組、編輯模組，而不必藉助網頁瀏覽器即可利用 該應用軟體而自行瀏覽、編輯需要的網路資訊。此外，亦 可將編輯模組包含在一網頁内，當網頁瀏覽器載入該網頁 時，經由網頁瀏覽器解譯該編輯模組，即可在網頁瀏覽器 内編輯該網頁内容。 m 前述方法亦可包含一擷取模組，該擷取模組將與網頁 瀏覽器結合，用以擷取需要的網頁内容以進行編輯，而不 必再勞煩手動複製、貼上的動作。 此外，前述方法亦可再包含一儲存模組’該儲存模組 將與網頁瀏覽器結合，用以儲存編輯後的網頁内容。 由前述，撰寫一應用程式包含前述模組，即可快速獲 取網路資訊。但該應用程式必須安裝到使用端，而一般使

第12頁 1262409 五、發明說明（9) 二 應=式7因此’安裝的需求將阻礙 :相：的機制。因i網路達成前述模 組，其客戶即劈述連、，·σ杈組、編輯模組、擷取模 器載入所提供的網頁 ：:大-要以、、，罔頁瀏覽 而進行瀏覽、搜尋、柯& 、、頁瀏覽器解譯前述模組 言主參L 1取、編輯、儲存需要的網路資訊。

實施^俜將2所不，其係為本發明之一較佳實施例。本 二發明，關的模組與容器Η。。— —。結 I二=m得以具體實現本發明的機制。該容器ι〇α 為-應用軟體，例如網頁劉覽器。在本實施例的應用中， 該容器100除了具有劉覽網頁的功能外，還將結合一連結 杈組11 0、一擷取模組i 2 0以及一編輯模組丨3 〇。為方便操 作，該容器100包含一瀏覽視窗14〇(令為BW)及一編輯視窗 1 5 0 (令為EW)。瀏覽視窗1 4 0用以瀏覽網頁；編輯視窗i 5 〇 則用以編輯網頁内容。其實，瀏覽視窗1 4 〇與編輯視窗丨5 〇 可合併為同一視窗。只要在瀏覽網頁時，提供瀏覽的功 能；而在編輯網頁内容時，提供編輯的功能即可。容器 1 0 0亦可為一自行製作的應用程式，該應用程式至少具有 瀏覽網頁的功能。譬如，利用VB製作該應用程式，其中引

用Internet Explorer物件或引用Web Browser物件，則該 應用程式即具有上網瀏覽網頁的功能。該實施例包含下列 步驟。其實施流程如圖九所示。

第13頁 1262409

五、發明說明（10) 步驟1 : 透過容器1 0 0提供連結模組1 1 0，用以接受一字串，並 將該字串經由網路4 0 0傳送至一搜尋引擎1 6 0 ; 步驟2 : 搜尋引擎1 6 0依據該字串而搜尋與該字串相關的一網 頁，該網頁則藉由該連結模組11 0而經由網路4 0 0傳送並呈 現在瀏覽視窗140内； 步驟3 :

透過容器1 0 0提供擷取模組1 2 0，用以把瀏覽視窗1 4 0 内的網頁内容擷取到編輯視窗1 5 0内； 步驟4 : 透過容器1 0 0提供編輯模組1 3 0，用以在編輯視窗1 5 0 内編輯所擷取的網頁内容。 上述四個步驟其實施細節說明如下，其中的標號請參 考圖八： 步驟1 連結模組1 1 0將與容器1 0 0結合，使得容器1 0 0得以接 受一字串，並將該字串經由網路4 0 0傳送至一搜尋引擎 160°

連結模組1 1 0可呈現一輸入介面用以接受一字串。該 輸入介面可呈現於該容器1 0 0内所載入的網頁上；亦可撰 寫該輸入介面的應用程式而外掛（p 1 ug i η )到容器1 0 0上； 或將該輸入介面的應用程式包含在容器1 0 0内。 輸入介面若呈現於容器1 0 0内所載入的網頁上。以 1262409 五、發明說明（11) G ο 〇 g 1 e提供的輸入介面為例，如圖十所示。令容器1 〇 〇為 IE，則在IE内含的網頁中包含一文字框A8l〇(text box)用 以接受一字串，當按下S e a r c h的按鈕A 8 2 0，則該字串將傳 送至G ο o g 1 e進行相關資訊的搜尋。該文字框a 8 1 〇可以接受 輸入設備（input device)直接輸入的一字串，如，以鍵盤 直接鍵入字串；或把網頁上被反白（select)的一字串A83〇 拖髮到該文字框A 8 1 0，則該文字框A 8 1 0内將顯示該被反白 的字串A8 3 0。

輸入介面若外掛（plug in)到容器1〇〇上，以G〇0gie提 供外掛的輸入介面為例，則如圖三所示。亦即令該容器 1 0 0為網頁瀏覽器（I E )，而圖三所示的網頁瀏覽器A 1 2 0上 即外掛（p 1 u g i η )—個G ο 〇 g 1 e所提供的工具列A 3 1 0，其中 包含一輸入介面，該輸入介面包含一文字框A32 0用以接受 —字串’當按下Search Web的按鈕A330，則該字串將傳送 至Google進行相關資訊的搜尋。該文字框A32〇也可以接受 輪入設備（input device)直接輸入的一字串，如，以鍵盤 直接鍵入字串；或把網頁上被反白（select)的一字串A340 拖矣到該文字框A 3 2 0内，則該文字框A 3 2 0内將顯示該被反 白的字串A340。

輸入介面若包含在容器1 〇 〇内，不論其外觀如何，只 要該輸入介面可接受一字串，並將該字串經由網路4 0 0傳 送至搜尋引擎160即可。 連結模組1 1 〇亦可不呈現輸入介面，而逕自與容器1 〇 〇 結合’用以接受容器1 〇 〇内含之網頁上被選取的一字串，

第15頁 1262409 五、發明說明（12) 如一反白字串，並將該字串經由網路4 〇 〇傳送至搜尋引擎 1 6 0。連結模組1 1 〇可被包含於容器1 〇 〇所載入的網頁内； 或外掛到谷^§ 1 〇 〇上；或包含在容器内。 連結模組1 1 0除了用以取得一字串並把該字串經由網 路40 0傳送到搜尋引擎i 60外，還將把搜尋得到的網頁呈現 在劇覽視窗1 4 0内。以連結Goog 1 e為例，當網頁上已有一 反白字串而驅動連結模組1 1 〇時，則該連結模組n 〇將先取 得該反白字串’譬如透過下列程式碼取得該反白字串： { 口亥反白子串—document, selection· createRange· text }

或者透過作業系統剪貼薄的功能取得該反白字串，如下列 程式碼： { 該反白字串=Clipboard.GetText } 一旦連結模組1 1 〇取得該反白字串，則立即將該反白字串 傳送至Google進行該字串相關資訊的搜尋。譬如，以下述 式碼將該反白字串傳送到G〇〇g丨e以進行該反白字串相關 貝^的搜尋，而且連結模組U 〇還將把瀏覽視窗1 4 〇 ( BW )的 目、前網址導向（11"4紂6)到内含搜尋結果的網頁，也就是 "兒搜哥結果將以網頁的型式經由網路4 0 0傳送而呈現在 瀏覽視窗1 40内：

{ BW.navigate "http： //www.google.com/search? ie=big5&hl=zh-TW&q=n & n該反白字串” j 至於搜尋引擎1 60可為常見的搜尋引擎，如G〇0gle、 Yahoo等，也可為線上資料提供業者提供的查詢機制。

第16頁 1262409__ 五、發明說明（13) 步驟2 : 由前述，搜尋結果將以網頁的型式呈現在瀏覽視窗 1 4 0内，該網頁上將以條列的方式呈現搜尋到的複數筆網 址，若以滑鼠左鍵點選（c 1 i c k )其中任一筆網址，即可連 結該網址相關的網頁。如果以滑鼠左鍵點選其中一筆網 址，而以另開新視窗的方式呈現該網址相關的網頁的話， 則連結模組1 1 0在滑鼠左鍵點選後要將瀏覽視窗1 4 0 ( BW)的 目前網址導向（n a v i g a t e )到該被點選的網址，才可將該被 點選網址相關的網頁呈現在瀏覽視窗1 4 0内。譬如，以下 列程式取得該被點選的網址，並且將瀏覽視窗1 4 〇即時導 向該被點選的網址： {If LCase(BW. document. activeElement. tagName) = f, a,f Then

Ur 1 Now: BW. document. activeElement. getAttribute(lfhref,f ) BW.navigate UrlNow

End If } 其中U r 1 N o w即為該被點選的網址，再以B W · n a v i g a t e將瀏 覽視窗1 4 0導向該網址，則該網址相關的網頁即可經由網 路4 0 0傳送而呈現在瀏覽視窗1 4 0内。 步驟3 : 擷取模組1 2 0將與容器1 0 0結合，使得容器1 0 0得以擷

第17頁 1262409 五、發明說明（14) 取瀏覽視窗1 4 0内的網頁内容到編輯視窗1 5 0内。掏取模組 1 2 0可被包含於容器1 〇 〇所載入的網頁内，或外掛到容器 100上；或包含在容器1〇〇内。 擷取模組1 2 0可擷取瀏覽視窗1 4 0内的整個網頁内容到 編輯視窗1 5 0内。如下述程式，其中E W代表編輯視窗1 & 〇， 而BW代表瀏覽視窗140 : { EW. document, body. outerHTML =

BW.document.body.outerHTML } 若需要的資訊僅為該網頁内一部分内容，擷取模組 1 2 0亦可只擷取瀏覽視窗1 4 〇中被選取的部分内容到編輯視 窗1 5 0内。如，以下述程式擷取瀏覽視窗1 4 〇内被反白 (s e 1 e c t)的部分内容到編輯視窗1 5 〇内： { EW.document.body. innerHTML= BW·document.selection·createRange·htmlText } 前述程式將把瀏覽視窗140中被反白（select)的部分網頁 内容貼到編輯視窗15〇中的<B〇DY>裡面。此外，所擷取的 、’罔頁内谷亦可貼到其他網頁物件内，如，< D I V >、〈 ρ 〇 n τ〉 等。

=模組120的相關機制’亦可利用作業系統剪貼簿 2ί複製劉覽視窗140内被反白的網頁内容 視办w 薄中，再將該被反白的網頁内容貼到編4 下述程式碼將利請函數 =内目二λ , trl鍵及c鍵的效果，而將劉覽視窗 刖被反白的網頁内容複㈣作業“f貼簿中：

第18頁 1262409 五、發明說明（15) { Clipboard.clear Sendkeys } 而後再利用下述VB函數產生同時按下鍵盤的ctrl& _的 效果’則作業系統與貼薄中的内容即可貼到編輯視窗1 5 〇 内的游標位置上’其中EW為編輯視窗： { EW. focus

Sendkeys 丨丨 Λν丨’ } 在步驟4 : 編輯模組130至少包含編輯模組_Α(13〇Α)或編輯模組 一Β (1 3 0 Β )中任一模組。編輯模組1 3 〇將結合容器丨〇 〇，使得 谷器1 0 0得以在編輯視窗1 5 0内編輯網頁内容或設定網頁内 含物件的呈現樣式（style)。編輯模組13〇可被包含於容器 1 0 0所載入的網頁内；或外掛到容器1 〇 〇上；或包含在容器 1 00 内。 編輯模組_A(130A): 編輯模組一A(130A)將與容器1〇〇結合，而把編輯視窗 1 5 0内的網頁改為可編輯狀態，俾以在編輯視窗1 5 〇内編輯 網頁内容。如，執行下述程式將把編輯視窗1 5 〇内的整個 網頁改為可編輯狀態： { EW.document.body.outerHTML= ”<body contenteditableV丨

& EW.document.body. innerHTML & ff</body>n }

第19頁 1262409 五、發明說明（16) 其中的contenteditable即代表編輯視窗ι5〇内的網頁已處 於可編輯狀悲。一旦網頁改成可編輯狀態，即可利用輸入 設備（input device)’如’鍵盤、滑鼠等，在編輯視窗 1 5 0内編輯網頁内容。 編輯模組_ A ( 1 3 0 A )亦可用以改變網頁物件的呈現樣式 (s t y 1 e )，例如，改變一文字物件的字型，則以滑鼠單擊 (c 1 1 c k )該文字物件’而以下式取得該文字物件的識別資 料： { SrcID=window.event.srcElement. id }

再以下式设疋该文子物件的字型為’’Times New Roman {document.all(SrcID).style. fontFamily= "Times New Roman" } 編輯模組_B(130B):

編輯模組_B ( 1 3 0 B )將與容器1 0 0結合，使得編輯視窗 1 5 0内含的一網頁即使在瀏覽狀態下亦得以編輯該網頁内 容。亦即編輯視窗1 5 0内含的網頁即使在瀏覽狀態下，亦 可藉由編輯模組一B(130B)提供的機制而利用DHTML的特 性，直接在瀏覽狀態下改變該網頁内容。其操作細節如下 述： 首先將在網頁上建立一游標而在該游標位置處編輯網 頁内容。 •單擊網頁而設定游標位置： 游標將以一游標圖呈現，令該游標圖的識別資料為

第20頁 1262409 五、發明說明（Π) C u r s 〇 r P i c，且該游標圖將不停的閃燦。當滑鼠單擊 (c 1 i ck)網頁而觸發moused own事件（event)時，可取得該 單擊處的位置座標（X，y )，而即刻在該網頁上產生 (Create)—個 TextRange物件（object)，命名為 CursorRange，並將 CursorRange以 moveToPoint的方法移 動到該座標（X，y )處’而得到CursorRang e的offsetLeft 與o f f s e t Top屬性值，此時再設定游標圖的位置： { CursorP i c. posLe f t =

CursorRnage. offsetLeft + scrol lLeft CursorP i c. posTop =

CursorRnage.offsetTop + scrollTop } 即可將游標圖移到該單擊的位置上。游標圖亦可以其他可 接受輸入文字的網頁物件代替，因為該等可接受輸入文字 的網頁物件若處於編輯狀態下，其内都將呈現一閃爍游 標，譬如，以〈FONT contenteditable></FONT>物件代替 游標圖，因為這個font物件已在編輯狀態，一旦它取得焦 點（f 〇 c u s )，這個f 0 N T物件内將閃爍一游標。 •以移動鍵移動游標：

當按下鍵盤上的移動鍵而觸發KeyDown事件時，則經 由KeyCode的辨識而決定游標的移動方向。若按了左右 鍵’即將前述CursorRange用Move的方法，向左或向右移 動一個字 το (Character)，再利用該 CursorRange的 of fsetLe ft與〇f fsetTop而將游標圖定位（定位的方法如前 述）。同理’按下向上或向下鍵時，亦可用同樣的方法移

第21頁 1262409 五、發明說明（18) 動游標。 •鍵入文字： 移動游標到預定輸入文字的位置，並即刻產生前述的 CursorRange物件，同時在該游標位置下放置一文字框 (text box)以接受輸入的文字，該文字框只設一條直線的 寬度且令其邊框的寬度為零，而隱藏在該游標圖的下面。 如，以下述程式建立該文字框： { <INPUT TYPE = ff textff I D = M i nser tOb jM VALUE = ,,lf STYLE =丨丨 position:absolute; z-index: 1 ;width: 1 ; height:16px;font-family:Arial；font-size:16px; border :0 ; display:nonen> } 其中的{ width:l }即代表其寬度為1，而{ border:0 }代 表邊框的寬度為零，{ display : none }則代表隱藏該文字 框。該文字框的寬度將隨輸入的文字寬度而變寬，以便將 後面的文字擠走，所以，輸入的文字將即時呈現在游標位 置上，俟輸入完畢時，再將文字框内所輸入的文字以 CursorRange· pasteHTML的方法貼到該游標位置，而即時 以/劉覽狀態呈現該輸入的文字内容在該游標位置上。這個 文字框亦可以前述〈FONT con ten teditable〉</FONT〉物件 取代，因為這個FONT物件已處於編輯狀態，所以可在其内 的游標處輸入文字，俟輸入完畢時，再將這個F 0 N T物件内 所輸人的文字以CursorRange. pasteHTML的方法貼到該游 標位置，而即時以瀏覽狀態呈現該輸入的文字内容在該游 標位置上。若要設定輸入文字的字型或字體大小等，^設

第22頁 1262409 五、發明說明（19) 定該<F0NT>物件的style屬性中的fontFamil y或f 〇 n t S i z e 即可。 •插入任何網頁物件： 移動游標到欲插入一網頁物件的位置，並即刻產生前 述的Cursor Range物件，而將該網頁物件相應的HTML程式 碼，以C u r s 〇 r R a n g e · p a s t e Η T M L的方式貼到游標處，即可 以瀏覽狀態呈現該插入的網頁物件。如，插入一圖片物 件’且其相應的程式碼如右示：<IMG SRC = lf MyDog.gif’’〉 則以 { CursorRange.pasteHTML ’’〈IMG SRC = ’MyDog.gif，>,f } 把該圖片的程式碼貼到游標處，即可將圖片My Dog. g i f以 瀏覽狀態插入到該游標位置上。 •設定網頁物件的樣式（s t y 1 e ): 其設定程序同前述編輯模組j (1 3 〇 A )所述。 f述編輯模組一A(130A)係將一網頁由瀏覽狀態改成編 輯狀悲，進而編輯該網頁内容。而編輯模組(丨3 〇 B) 則直接在網頁的瀏覽狀態下編輯該網頁内容，亦即編

輯模組一B(130B)除了游標處可接受内容編輯外，其他内容 都處於瀏覽狀態。 編輯j(13〇A)比較簡單，但部分功能較差。如， 設f:U編輯狀態，雖然可進行内容編輯，但該網頁 内含：：些網頁物件將失去原有的功能，例如： a·超連⑽（hyPerlink)物件將失去超連結的功能·，

第23頁 1262409 五、發明說明（20) —— - b_跑馬燈（MARQUEE)物件將失去原有的功能； c·若插入一隱藏的網頁物件，該隱藏的網頁物 :出來。如插入下述這個隱藏的網頁物件，但這個= 將破顯示出來： 〈INPUT TYPE:1'HIDDEN” NAME:，，test’， V A L U E = n隱藏内容” > · d•按鈕物件（BUTTON)無法發生作用； ， .........等等。 f，編輯模組—B(130B)則沒有這些問題，因為在網頁 ，^狀態下編輯網頁内容，除了游標所在位置外，所 、，用頁=件都將處於瀏覽狀態而保持其原有的功能。 以連包含編輯過程t，再利用連結模組110 二叟哥引擎1 6 〇，俾以線上搜尋相關資訊。 該儲ί =更包含透過容器1GG提供—儲存模組170, 杈、、且17〇將結合容器100,使得容器100得以儲存編 ΐΐ頁：頁：！。儲存模組17°可被包含於容器100所載入 Ξ的匕可:口 = Γ°°上；… =二輯，?7内容，若要存成舰檔或寫成文字樓， 成；若要意】^ 0可引用¥8的FileSystemObject物件達

Word物件遠Λ 〇rd檔，譬如，儲存模組170可引用VBA中的 弓;若要插入資料庫，譬如，儲存模組17〇可 引用VB的AD〇物件達成。 、言、知例中，谷器1⑽得以提供前述模組相關機制

第24頁 1262409 I五、發明說明（21)

I 的途徑有三： 1.前述模組被包含於容器1 0 0所載入的一網頁内，而 透過容器1 0 0解譯該網頁内含的模組，以提供相關的機 制； 2 .若令容器1 0 0為一應用軟體，如網頁瀏覽器，該應 用軟體至少具有瀏覽網頁的功能外，更將前述模組外掛

(p 1 ug i η)到該應用軟體上，因而透過該應用軟體得以提 供相關的機制。如，比照G ο 〇 g 1 e提供使用者安裝工具列的 方式（見圖三），而提供使用者安裝一工具列並外掛該工具 列到使用者的網頁瀏覽器上，且該工具列可提供前述模組 相關的機制，因而透過使用者的網頁瀏覽器即可提供相關 機制； 3 .若令容器1 0 0為一應用軟體，如網頁瀏覽器，該應 用軟體至少具有瀏覽網頁的功能外，更將前述模組包含在 該應用軟體内，因而透過該應用軟體即可直接提供相關機 制。

如圖十一所示，依據本發明之一實施例的網站系統 5 0 0將透過通訊介面5 4 0而與使用端3 0 0之容器1 0 0建立一通 訊連結，該通訊連結如網路4 0 0 ;容器1 0 0為一應用軟體， 該應用軟體至少具有瀏覽網頁的功能，如網頁瀏覽器；網 站系統5 0 0則透過該通訊介面5 4 0經由網路4 0 0傳送相關的 模組到使用端3 0 0，用以將該相關的模組與容器1 0 0結合， 俾使該容器1 0 0在瀏覽網頁的同時，得以即時連結一搜尋

第25頁 1262409 I五、發明說明（22) 引擎1 6 0並快速劉覽、搜尋、擷取、編輯並儲存搜尋所得 的網路資訊。網站系統5 0 0至少包含： 一作業系統5 1 0，用以管理該網站系統内部資源的運 用’以及控制各種I / 0裝置與使用者程式的運作； 一中央處理單元5 2 0 (CPU)，用以執行網站系統内部的 運算工作與各工作間的協調； 一記憶體5 3 0，用以儲存網站系統内部的資料和程 式；

一通訊介面 540(communication interface)，用以在 使用端3 0 0與網站系統5 0 0之間建立一通訊連結 (communication link)，該通訊連結如網路400; 一連結模組1 1 0，該連結模組1 1 0透過該通訊介面5 4 0 經由網路4 0 0傳送到使用端3 0 0用以與容器1 〇 〇結合，使得 容器1 0 0得以接受一字串，並將該字串透過網路4 0 0傳送到 搜尋引擎1 6 0，搜尋引擎1 6 0依據該字串而搜尋與該字串相 關的一網頁，該網頁則藉由該連結模組1 1 〇而透過網路4 0 0 呈現在容器100内；

一編輯模組1 3 0，該編輯模組1 3 0透過該通訊介面5 4 0 經由網路4 0 0傳送到使用端3 0 0而與容器1 〇 〇結合，用以編 輯容器100内含的網頁内容。 其中容器1 0 0為一應用軟體，如，網頁瀏覽器，該應 用軟體至少具有瀏覽網頁的功能。 連結模組11 0可經由一輸入介面而接受一字串，或不

第26頁 1262409 I五、發明說明（23)

呈現輸入介面而逕自接受容器10 0内含網頁被選取的一字 串。連結模組1 1 0的實施細節如前述。 編輯模組130至少包含編輯模組_A(1 30A)或編輯模組 —B(130B)中任一模組。編輯模組_A(13〇A)或編輯模組一b (1 3 0 B )的實施細節如前述。 網站系統5 0 0可更包含該搜尋引擎1 6 〇。搜尋引擎1 6 〇 可為常見的搜尋引擎，如Google、Yahoo等，也可為線上 資料提供業者自行開發的查詢機制。

網站系統5 0 0更包含一擷取模組1 2 0，該擷取模組1 2 〇 透過該通訊介面5 4 0經由網路4 0 0傳送到使用端3 0 〇而與容 器1 0 0結合’用以操取容器1 〇 〇内含網頁之一部分内容；以 及編輯模組1 3 0用以在谷器1 〇 〇内編輯該部分内容。擷取模 組1 2 0的實施細節也如前述。

網站系統5 0 0更包含一回傳模組} 8 〇，該回傳模組i 8 〇 透過該通訊介面540經由網路4 0 0傳送到使用端3〇 〇而與容 器1 0 0結合’用以將編輯後的内容經由網路4 〇 〇透過通訊介 面5 4 0而傳送到網站系統5 0 0。傳送回來的内容可儲存在網 站系統500。回傳模組180，譬如，可藉由Internet Explorer内建（build in)的 RDS(Remote Data Service)物 件’而將編輯後的内容由使用端3 〇 〇經由網路4 〇 〇透過通訊 介面5 4 0傳送到網站系統5 0 0。傳送回來的内容可儲存為 HTML格式，可存為字串袼式，也可存為任何文書檔案格 式。若要存成HTML槽或寫成文字檔，譬如，可引用…的 FileSystemObject物件達成；若要寫成w〇rd槽，譬如，可

1262409 五、發明說明（24) 引用VBA中的Word物件達成；若要插入資料庫，譬如，可 引用VB的AD0物件達成。 這個實施例中，容器1 0 0得以提供前述模組相關機制 的途徑有二： 1 ·網站系統5 0 0將前述模組包含於一網頁内，容器1 〇 〇 則載入（d 〇 w η 1 〇 a d )該網頁，並結合容器1 0 0解譯網頁程式 的功能，以解譯該網頁内含的前述模組，使得容器1 0 0得 以提供前述模組相關的機制； 2 .網站系統5 0 0提供前述模組給使用端3 0 0安裝，而外 掛到容器1 0 0上，使得容器1 0 0得以提供相關的機制。若令 該容器1 0 0為一網頁瀏覽器，如，比照Goog 1 e提供使用者 安裝工具列的方式（見圖三），而提供一工具列給使用端安 裝並外掛該工具列到該網頁瀏覽器上，且該工具列可提供 前述模組相關的機制，用以與該網頁瀏覽器結合，使得該 網頁劉覽器在瀏覽網頁的同時也具有前述模組相關的機 制； 以上所述僅為本發明之較佳實施例而已，凡其它未脫 離本發明所揭示之精神下所完成之等效改變或修飾，均應 包含在下述之申請專利範圍内。 馨

第28頁 1262409 I ~ ............ ..—-------------------------- 圖式簡單說明 【圖式簡單說明】 圖一為目前獲取網路資訊的操作示意圖（一）。 圖二為目前獲取網路資訊的操作示意圖（二）。 圖三為Google提供給使用者安裝的工具列。 圖四為網頁劇覽器與編輯器結合在一起的實例。 圖五為FrontPage編輯網頁内容的晝面。 圖六為利用作業系統剪貼簿傳遞網頁瀏覽器與編輯器間的 訊息。 圖七為快速獲取網路資訊的必要步驟流程。 圖八為本發明一較佳實施例之快速獲取網路資訊的方法示 意圖。 圖九為本發明一較佳實施例之快速獲取網路資訊的步驟流 程圖。 圖十為Goog 1 e提供而用以即時搜尋的網頁畫面。 圖十一為本發明一較佳實施例之快速獲取網路資訊的網站 系統架構方塊圖。 【主要元件符號說明】 容器100 連結模組1 1 0 · 擷取模組1 2 0 編輯模組1 3 0 編輯模組_A(130A) 編輯模組_B( 1 30B) 1262409 圖式簡單說明 搜尋引擎160 儲存模組1 7 0 網路4 0 0 I1H·

Claims (1)

1262409 丨""隱「Μ、 [. 六、申請專利範圍 1. 一種透過一容器以快速獲取網路資訊的方法，該容器為 一應用軟體，該應用軟體至少具有瀏覽網頁的功能，該方 法至少包含下列步驟： 透過該容器提供一連結模組，該連結模組用以接受一 字串，並將該字串經由一通訊連結傳送至一搜尋引擎，該 搜尋引擎搜尋與該字串相關的一網頁，該網頁則經由該通 訊連結傳送並呈現在該容器内；以及 透過該容器提供一編輯模組，該編輯模組用以在該容 器内編輯該網頁内容。 2. 如申請專利範圍第1項所述的方法，其中該通訊連結為 網際網路。 3. 如申請專利範圍第1項所述的方法，其中該容器為一網 頁瀏覽器。 4. 如申請專利範圍第1項所述的方法，其中該搜尋引擎為 一資料提供業者所提供的查詢機制。 5. 如申請專利範圍第1項所述的方法，更包含下列步驟： 透過該容器提供一擷取模組，用以擷取該網頁之一部 分内容；以及 該編輯相：組用以在遠容裔内編輯该部分内谷。 6. 如申請專利範圍第1項所述的方法，其中該字串係經由 一輸入介面所取得的一字串。 7. 如申請專利範圍第1項所述的方法，其中該字串係經由 一選取的程序所取得的一字串。 8. 如申請專利範圍第1項所述的方法，其中該編輯模組係

第31頁 1262409 六、申請專利範圍 將該網頁改為編輯狀態以編輯該網頁内容。 9.如申請專利範圍第1項所述的方法，其中該編輯模組係 直接在該網頁的瀏覽狀態下編輯該網頁内容。 1 0.如申請專利範圍第1項所述的方法，更包含： 透過該容器提供一儲存模組，用以儲存該網頁内容。 11. 一種提供快速獲取網路資訊的網站系統，該網站系統 係透過一通訊連結傳送複數種模組到一使用端而與該使用 端之一容器結合，俾使該容器得以即時連結一搜尋引擎， 並快速獲取搜尋所得的網路資訊，該容器為一應用軟體， 其至少具有瀏覽網頁的功能，該網站系統至少包含： 一通訊介面，用以在該使用端與該網站系統之間建立 該通訊連結； 一連結模組，該連結模組透過該通訊介面經由該通訊 連結傳送到該使用端而與該容器結合，使得該容器得以接 受一字串，並將該字串透過該使用端的通訊連結傳送到該 搜尋引擎，該搜尋引擎依據該字串而搜尋與該字串相關的 一網頁，該網頁則透過該使用端的通訊連結而呈現在該容 器内； 一編輯模組，該編輯模組透過該通訊介面經由該通訊 連結傳送到該使用端而與該容器結合，用以在該容器内編 輯該網頁内容。 1 2.如申請專利範圍第11項所述的網站系統，其中該通訊 連結為網際網路。 1 3.如申請專利範圍第1 1項所述的網站系統，其中更包含

第32頁 1262409 六、申請專利範圍 該搜尋引擎。 1 4.如申請專利範圍第1 1項所述的網站系統，其中該搜尋 引擎為一資料提供業者所提供的查詢機制。 1 5.如申請專利範圍第1 1項所述的網站系統，其中該容器 為一網頁瀏覽器。 1 6.如申請專利範圍第1 1項所述的網站系統，更包含： 一擷取模組，該榻取模組透過該通訊介面經由該通訊 連結傳送到該使用端而與該容器結合，用以擷取該網頁之 一部分内容；以及

該編輯模組用以在諒容器内編輯該部分内容。 1 7.如申請專利範圍第11項所述的網站系統，更包含： 一回傳模組，該回傳模組透過該通訊介面經由該通訊 連結傳送到該使用端而與該容器結合，用以經由該通訊連 結透過該通訊介面而傳送編輯後的網頁内容到該網站系 統。 1 8.如申請專利範圍第11項所述的網站系統，其中該字串 係經由一輸入介面所取得的一字串。

1 9.如申請專利範圍第11項所述的網站系統，其中該字係 經由一選取程序所取得的一字串。 2 〇.如申請專利範圍第1 1項所述的網站系統，其中該編輯 模組係把該網頁改為編輯狀癌以編輯該網頁内容。 2 1.如申請專利範圍第1 1項所述的網站系統，其中該編輯 核組係直接在該網頁的劇覽狀悲下編輯該網頁内容。 2 2.如申請專利範圍第1 1項所述的網站系統，更包含：

第33頁 1262409 \、申請專利範圍 一作業系統，用以管理該網站系統内部資源的運用， 以及控制各種I / 〇裝置與使用者程式的運作； 一中央處理單元，用以執行網站系統内部的運算工作 與各工作間的協調； 一記憶體，用以儲存網站系統内部的資料和程式。

第34頁