8] 根據(jù)本公開的實施例,如果檢測到選擇網(wǎng)頁的至少部分區(qū)域,如圖4A和4B所示, 則電子設(shè)備可以在顯示器160的至少部分區(qū)域中顯示控制菜單406,用于控制由輸入信息 選擇的區(qū)域。例如,控制菜單406可以包括復(fù)制、保存、展示、共享或隱藏中的至少一個控制 功能。
[0109] 根據(jù)本公開的實施例,如果檢測到與選擇控制菜單406中的展示功能相對應(yīng)的輸 入,則如圖4C所示,電子設(shè)備可以創(chuàng)建包括至少一個選定區(qū)域的網(wǎng)頁結(jié)構(gòu)信息412和414 在內(nèi)的展示頁面410,并且在顯示器160上顯示展示頁面410。
[0110] 根據(jù)本公開的實施例,如果檢測到與選擇控制菜單406中的保存功能或者展示頁 面410相對應(yīng)的輸入,則電子設(shè)備可以保存展示頁面。如圖4D所示,電子設(shè)備可以在顯示 器160上顯示先前保存的展示頁面422、424和426的列表420。
[0111] 根據(jù)本公開的實施例,如果檢測到與選擇如圖4E所示的網(wǎng)頁的至少部分區(qū)域408 相對應(yīng)的輸入,則基于檢測到的輸入信息,電子設(shè)備可以確定通過輸入/輸出接口 150在展 示頁面410中用于顯示選定區(qū)域408的網(wǎng)頁結(jié)構(gòu)信息的位置。如圖4F所示,電子設(shè)備可以 在基于輸入信息而確定的位置中顯示選定區(qū)域408的網(wǎng)頁結(jié)構(gòu)信息416。
[0112] 圖5示出了根據(jù)本公開實施例的用于顯示網(wǎng)頁上的選定區(qū)域的流程圖。
[0113] 參考圖5,在操作501,電子設(shè)備(例如,圖1的電子設(shè)備100)可以在顯示器(例 如,顯示器160)上顯示網(wǎng)頁。例如,電子設(shè)備可以渲染從外部設(shè)備提供的網(wǎng)頁文檔或者存 儲器130中存儲的網(wǎng)頁文檔,以在顯示器160上顯示網(wǎng)頁。
[0114] 在操作503,電子設(shè)備可以通過輸入/輸出接口 150檢測用于選擇顯示器160上顯 示的網(wǎng)頁的至少部分區(qū)域的輸入信息。例如,如果在保持筆上所含按鈕的輸入時檢測到對 顯示器160上顯示的網(wǎng)頁的至少部分區(qū)域的觸摸輸入,則電子設(shè)備可以確定電子設(shè)備檢測 到用于選擇網(wǎng)頁的該至少部分區(qū)域的輸入信息。
[0115] 在操作505中,電子設(shè)備可以識別基于輸入信息而選定的區(qū)域。例如,電子設(shè)備可 以通過渲染樹提取網(wǎng)頁上由輸入信息選定的區(qū)域。
[0116] 在操作507中,基于選定區(qū)域,電子設(shè)備可以更新與網(wǎng)頁相對應(yīng)的D0M樹。例如, 電子設(shè)備可以向與由輸入信息選擇的區(qū)域有關(guān)的網(wǎng)頁結(jié)構(gòu)信息(例如,HTML信息)中插入 用于顯示選擇信息的屬性變量(例如,標簽),并更新D0M樹320。
[0117] 在操作509,基于D0M樹的更新,電子設(shè)備可以更新渲染樹。例如,電子設(shè)備可以重 構(gòu)或更新渲染樹,使得渲染樹與在操作507中更新的D0M樹相對應(yīng)。
[0118] 在操作511中,電子設(shè)備可以使用更新的渲染樹來渲染網(wǎng)頁。
[0119] 在操作513中,電子設(shè)備可以通過網(wǎng)頁的渲染,使用更新的渲染樹來更新顯示器 160上顯示的網(wǎng)頁。例如,電子設(shè)備可以采用更新的渲染樹,通過與顯示器160上顯示的網(wǎng) 頁上的用戶選擇相對應(yīng)的顏色來改變插入有用于顯示選擇信息的屬性變量的區(qū)域。
[0120] 根據(jù)本公開的實施例,如果檢測到用于選擇網(wǎng)頁的至少部分區(qū)域的輸入,則電子 設(shè)備可以更新渲染樹,并且選擇和顯示(例如圖4B的404)顯示器160上顯示的網(wǎng)頁上檢 測到輸入的區(qū)域?;诟碌腄0M樹,電子設(shè)備可以保持(例如圖4B的402)插入有用于 顯示選擇信息的屬性變量的區(qū)域的已顯示選擇信息。
[0121] 圖6示出了根據(jù)本公開實施例的用于顯示網(wǎng)頁的流程圖。以下描述針對圖5的操 作501中用于顯示網(wǎng)頁的操作。
[0122] 參考圖6,在操作601中,電子設(shè)備(例如,圖1的電子設(shè)備100)可以加載網(wǎng)頁文 檔(例如,HTML文檔),以在顯示器(例如,顯示器160)上進行顯示。例如,電子設(shè)備可以 加載從外部設(shè)備接收的或者存儲器130中存儲的網(wǎng)頁文檔。
[0123] 在操作603中,電子設(shè)備可以解析加載的網(wǎng)頁文檔。
[0124] 在操作605中,基于關(guān)于網(wǎng)頁文檔的解析信息,電子設(shè)備可以創(chuàng)建針對構(gòu)建網(wǎng)頁 的至少一個標簽的D0M樹。
[0125] 在操作607中,基于D0M樹,電子設(shè)備可以創(chuàng)建包括網(wǎng)頁風格信息的渲染樹,并且 顯示渲染樹的規(guī)則。
[0126] 在操作609中,電子設(shè)備可以使用渲染樹來渲染網(wǎng)頁。
[0127] 電子設(shè)備可以通過網(wǎng)頁的渲染,使用渲染樹在顯示器160上顯示網(wǎng)頁(圖5的操 作 501)。
[0128] 圖7示出了根據(jù)本公開實施例的提取網(wǎng)頁上選定區(qū)域的信息的流程。以下描述針 對用于提取選定區(qū)域信息以便在圖5的操作507中更新D0M樹的操作。
[0129] 參考圖7,在操作701中,如果基于通過輸入/輸出接口檢測到的輸入信息而識別 了選定的區(qū)域(例如,圖5的操作505),則電子設(shè)備(例如,圖1的電子設(shè)備100)可以提取 通過輸入信息選定的區(qū)域的網(wǎng)頁結(jié)構(gòu)信息(例如,HTML信息)。
[0130] 在操作703中,電子設(shè)備可以將提取的網(wǎng)頁結(jié)構(gòu)信息存儲在選擇控制模塊中。例 如,選擇控制模塊可以包括在由構(gòu)建和驅(qū)動網(wǎng)頁的軟件所構(gòu)建的網(wǎng)絡(luò)引擎的內(nèi)部或外部的 至少一個位置中。
[0131] 在操作703中,電子設(shè)備可以向選擇控制模塊中存儲的網(wǎng)頁結(jié)構(gòu)信息(例如,HTML 信息)插入用于顯示選擇信息的屬性變量(例如,標簽),并且更新DOM樹320 (例如,圖5 的操作507)。
[0132] 圖8示出了根據(jù)本公開實施例的使用網(wǎng)頁的選定區(qū)域來構(gòu)建一個展示頁面的流 程圖。
[0133] 參考圖8,在操作801中,如果顯示對顯示器160上顯示的網(wǎng)頁上至少一個選定區(qū) 域的選擇信息(例如,圖5的操作513),則電子設(shè)備(例如,圖1的電子設(shè)備100)可以檢測 展示事件的發(fā)生。例如,在圖4B的情況下,基于通過輸入/輸出接口 150檢測到的輸入信 息,電子設(shè)備可以確定是否在控制菜單406中檢測到展示功能的選擇。
[0134] 在操作803中,電子設(shè)備可以提取該至少一個選定區(qū)域的網(wǎng)頁結(jié)構(gòu)信息,并且構(gòu) 建展示頁面。例如,電子設(shè)備可以在網(wǎng)頁的D0M樹(例如,通過在圖5的操作507中插入屬 性變量而更新的D0M樹)搜索用于顯示選擇信息的屬性變量,并且識別該至少一個選定區(qū) 域。電子設(shè)備可以提取該至少一個選定區(qū)域的網(wǎng)頁結(jié)構(gòu)信息。例如,電子設(shè)備可以提取選 擇控制模塊中存儲的該至少一個選定區(qū)域(例如,在圖7的操作703中存儲在選擇控制模 塊中的區(qū)域)的網(wǎng)頁結(jié)構(gòu)信息。例如,電子設(shè)備可以提取該至少一個選定區(qū)域中包括的顯 示數(shù)據(jù)(例如,圖像數(shù)據(jù)、文本數(shù)據(jù)等),并且創(chuàng)建展示頁面(例如,電子文檔)。例如,電子 設(shè)備可以提取該至少一個選定區(qū)域中包括的HTML信息(例如,標簽、腳本等),并且創(chuàng)建展 示頁面(例如,HTML文檔)。
[0135] 在操作805中,電子設(shè)備可以在顯示器160上顯示展示頁面。
[0136] 圖9示出了根據(jù)本公開實施例的向網(wǎng)頁上的展示頁面添加選定區(qū)域的流程圖。
[0137] 參考圖9,在操作901中,電子設(shè)備(例如圖1的電子設(shè)備100)可以檢測用于選擇 網(wǎng)頁的至少部分區(qū)域的輸入信息。例如,當在圖8的操作805中在顯示器160上顯示展示 頁面時,電子設(shè)備可以識別是否檢測到用于選擇通過標簽改變可顯示的網(wǎng)頁的至少部分區(qū) 域的輸入信息。
[0138] 在操作903中,電子設(shè)備可以識別基于輸入信息而選擇的區(qū)域。
[0139] 在操作905中,電子設(shè)備可以識別用于在展示頁面上顯示選定區(qū)域的位置。例如, 基于通過輸入/輸出接口 150檢測到的輸入信息,電子設(shè)備可以確定用于在展示頁面上顯 示選定區(qū)域的網(wǎng)頁結(jié)構(gòu)信息的位置。
[0140] 在操作907中,基于用于顯示選定區(qū)域的位置,電子設(shè)備可以更新展示頁面。例 如,電子設(shè)備可以向在圖8的操作805中在顯示器160上顯示的展示頁面添加并顯示選定 區(qū)域的網(wǎng)頁結(jié)構(gòu)信息。
[0141] 圖10示出了根據(jù)本公開實施例的保存展示頁面的流程圖。
[0142] 參考圖10,在操作1001中,如果在顯示器160上顯示網(wǎng)頁(圖8的操作805)或者 更新在顯示器160上顯示的網(wǎng)頁(圖9的操作907),則電子設(shè)備可以檢測保存事件的發(fā)生。 例如,在圖4B的情況下,基于通過輸入/輸出接口 150檢測的輸入信息,電子設(shè)備可以識別 是否在控制菜單406中檢測到保存功能的選擇。例如在圖4C的情況下,基于通過輸入/輸 出接口 150檢測到的輸入信息,電子設(shè)備可以識別是否檢測到選擇展示頁面的保存功能。
[0143] 在操作1003中,電子設(shè)備可以保存先前創(chuàng)建的展示頁面。例如,電子設(shè)備可以將 展示頁面中包括的每一選定區(qū)域的結(jié)構(gòu)信息存儲在存儲器130的至少部分區(qū)域中。例如, 電子設(shè)備可以將展示頁面的整個結(jié)構(gòu)信息存儲在存儲器130的至少部分區(qū)域中。
[0144] 圖11A、11B和11C示出了根據(jù)本公開各種實施例的隱藏網(wǎng)頁上選定區(qū)域的顯示的 屏幕結(jié)構(gòu)。
[0145] 參考圖11A、11B和11C,根據(jù)本公開的實施例,如果檢測到通過輸入/輸出接口 150用于選擇網(wǎng)頁的至少部分區(qū)域的輸入,則如圖11A所示,電子設(shè)備(例如,圖1的電子設(shè) 備100)可以通過與用戶的選擇相對應(yīng)的顏色來顯示在顯示器160上顯示的網(wǎng)頁1100的至 少部分區(qū)域1102。
[0146] 根據(jù)本公開的實施例,如果檢測到隱藏事件的發(fā)生,則電子設(shè)備可以在D0M樹中 搜索插入了用于顯示選擇信息的屬性變量的區(qū)域,并且重構(gòu)網(wǎng)頁,使得不會顯示相應(yīng)區(qū)域 的信息,并且在顯示器160上顯示重構(gòu)的網(wǎng)頁。例如,如圖11B所示,電子設(shè)備可以基于限 制在顯示器160上進行顯示的選定區(qū)域的尺寸來改變(例如,放大、縮小和重構(gòu))網(wǎng)頁,并 且在顯示器160上顯示改變的網(wǎng)頁(1110)。例如,如圖11C所示,基于限制在顯示器160上 進行顯示的選定區(qū)域的尺寸,電子設(shè)備可以在顯示器160上顯示網(wǎng)頁(1120)中沒有在顯示 器160上顯示的至少部分區(qū)域。
[0147] 圖12示出了根據(jù)本公開實施例的用于隱藏網(wǎng)頁上選定區(qū)域的顯示的流程圖。
[0148] 參考圖12,在操作1201中,如果顯示對顯示器160上顯示的網(wǎng)頁上的至少一個選 定區(qū)域的選擇信息(例如,圖5的操作513),則電子設(shè)備(例如,圖1的電子設(shè)備100)可以 檢測隱藏事件的發(fā)生。例如,基于通過輸入/輸出接口 150檢測的輸入信息,電子設(shè)備可以 識別是否檢測到對顯示器160上顯示的控制面板中的隱藏功能的選擇。
[0149] 在操作1203中,電子設(shè)備可以識別選定區(qū)域以隱藏網(wǎng)頁上選定區(qū)域的顯示。例 如,電子設(shè)備可以在D0M樹中搜索插入了用于顯示選擇信息的屬性變量的區(qū)域,并且識別 至少一個選定區(qū)域以隱藏網(wǎng)頁上選定區(qū)域的顯示。
[0150] 在操作1205中,電子設(shè)備可以更新網(wǎng)頁,使得限制該至少一個選定區(qū)域的顯示, 并且結(jié)束操作。例如,電子設(shè)備可以基于該至少一個選定區(qū)域的尺寸來放大網(wǎng)頁的其余區(qū) 域的尺寸。
[015