一種商品信息的對比方法、裝置與終端設(shè)備的制造方法
【專利摘要】本發(fā)明公開了一種商品信息的對比方法、裝置以及終端設(shè)備，涉及電子商務(wù)技術(shù)領(lǐng)域，其中的方法包括：接收商品信息并將商品信息在商品展示頁面上顯示；對商品展示頁面中的事件進(jìn)行檢測，根據(jù)事件確定在商品展示頁面上選中的待比對商品；獲取待比對商品的特征信息并將特征信息發(fā)送到服務(wù)器；接收服務(wù)器返回的待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。本發(fā)明的方法、裝置與終端設(shè)備，可直接在商品展示頁面中進(jìn)行發(fā)起商品信息對比的操作，不需要打開商品詳情頁，無需反復(fù)進(jìn)入詳情頁來操作，減少了計算量，降低了對系統(tǒng)資源的占用，減少了網(wǎng)絡(luò)的負(fù)荷，也降低了CPU的使用率，提高了用戶體驗。
【專利說明】
_種商品信息的對比方法、裝置與終端設(shè)備
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及電子商務(wù)技術(shù)領(lǐng)域，尤其涉及一種商品信息的對比方法、裝置與終端設(shè)備。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)和電子商務(wù)的迅猛發(fā)展，每天都有大量的商品交易在電商網(wǎng)站上完成，各大電商平臺的商品種類、數(shù)量增長很快。在購物過程中，用戶往往會通過關(guān)鍵詞搜索需要的商品，如搜索關(guān)鍵詞為"手機(jī)"的商品，服務(wù)端返回各種品牌的手機(jī)到前端進(jìn)行顯示，用戶可以通過對比商品各項參數(shù)，結(jié)合自己的需求挑選合適的商品。在此過程中，用戶會通過各種方式來對比商品的各項參數(shù)信息，例如，價格、配置參數(shù)、功能等，因此，對用戶提供商品信息的對比操作功能顯得尤為重要。
[0003]目前的電子商務(wù)平臺網(wǎng)站提供的商品信息對比的功能一般為:搜索指定的商品，獲得商品搜索結(jié)果數(shù)據(jù);打開某一個商品，在商品詳情頁中選擇"對比"按鈕，將商品加入到待對比列表;在待對比列表中再次點(diǎn)擊"對比"按鈕，進(jìn)入商品信息對比頁。在需要進(jìn)行比對時，進(jìn)入商品詳情后將商品加入到待對比列表，操作繁瑣，需要反復(fù)操作才能完成商品的比對。用戶只有打開商品詳情頁，才能進(jìn)行商品信息對比，用戶無法在商品搜索列表面進(jìn)行商品信息的對比操作，用戶體驗差，并且由于需要頻繁進(jìn)入商品詳情頁面，需要對服務(wù)器進(jìn)行頻繁的網(wǎng)頁請求，占用較大的后臺服務(wù)器資源并且網(wǎng)絡(luò)傳輸?shù)呢?fù)荷大，增加了運(yùn)營成本和使用成本。

【發(fā)明內(nèi)容】

[0004]有鑒于此，本發(fā)明要解決的一個技術(shù)問題是提供一種商品信息的對比方法、裝置與終端設(shè)備。
[0005]根據(jù)本發(fā)明的一個方面，提供一種商品信息的對比方法，包括:對所述商品展示頁面中的事件進(jìn)行檢測，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品；其中，所述商品展示頁面顯示接收到的商品信息;獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器;接收所述服務(wù)器返回的所述待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。
[0006]可選地，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品包括:根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域;確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為所述待比對商品。
[0007]可選地，所述根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域包括:當(dāng)監(jiān)聽到第一選擇開始事件時，記錄與所述第一選擇開始事件對應(yīng)的第一坐標(biāo)；當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，記錄與所述第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo);根據(jù)所述第一坐標(biāo)和所述第二坐標(biāo)確定所述對比商品區(qū)域。
[0008]可選地，確定在所述商品展示頁面上選中的第一商品元素；當(dāng)所述商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上方、且滿足選定條件時，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。
[0009]可選地，當(dāng)判斷開始拖拽所述第一商品元素時添加與所述第一商品元素相對應(yīng)的參照商品元素，并使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示；當(dāng)所述參照商品元素移動到所述第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。
[0010]可選地，所述添加與第一商品元素相對應(yīng)的參照商品元素包括:添加商品參照層；獲取所述第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息;依據(jù)所述顯示內(nèi)容和級聯(lián)樣式表信息在所述商品參照層中創(chuàng)建與參照商品元素;其中，所述商品參照層位于頂層，所述商品參照層覆蓋所述商品展示頁面。
[0011]可選地，使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示包括:當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與所述第二選擇開始事件對應(yīng)的第三坐標(biāo);監(jiān)聽與所述參照商品元素的移動對應(yīng)的移動事件，基于所述移動事件實時獲取所述參照商品元素的偏移量;基于所述第三坐標(biāo)和偏移量實時確定第四坐標(biāo)，使所述參照商品元素的顯示位置基于所述第四坐標(biāo)而變換。
[0012]可選地，基于移動事件確定所述參照商品元素移動到所述第二商品元素上方，并且開始計時；當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定所述第二商品元素所對應(yīng)的商品為所述待比對商品；或當(dāng)所述參照商品元素移動到所述第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定所述第二商品元素為待比對商品；其中，當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏所述商品參照層。
[0013]可選地，獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器包括:獲取預(yù)先存儲的所述待比對商品的商品信息，并從此商品信息中提取所述特征信息;在所述商品展示頁面上提供選擇是否進(jìn)行比對的功能，基于輸入的選擇指令將所述待比對商品的特征信息發(fā)送到所述服務(wù)器;其中，所述特征信息為商品名稱和/或商品的標(biāo)識號。
[0014]可選地，所述接收商品信息并將所述商品信息在商品展示頁面上顯示包括:接收所述服務(wù)器發(fā)送的商品檢索結(jié)果，其中，所述商品檢索結(jié)果包括:HTML文件、CSS文件;基于所述HTML文件、所述級聯(lián)樣式表信息生成所述商品展示頁面，確定在所述商品展示頁面上顯示的商品元素的坐標(biāo)、并將所述HTML文件中攜帶的所述商品信息進(jìn)行緩存。
[0015]根據(jù)本發(fā)明的另一方面，提供一種商品信息的對比裝置，包括:對比商品確認(rèn)模塊，用于對所述商品展示頁面中的事件進(jìn)行檢測，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品；其中，所述商品展示頁面顯示接收到的商品信息；對比數(shù)據(jù)發(fā)送模塊，用于獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器;對比商品顯示模塊，用于接收所述服務(wù)器返回的所述待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。
[0016]可選地，所述對比商品確認(rèn)模塊，包括:事件檢測單元，用于對所述事件進(jìn)行檢測；對比區(qū)域確認(rèn)單元，根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域;對比商品選定單元，用于確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為所述待比對商品O
[0017]可選地，所述事件檢測單元，還用于當(dāng)監(jiān)聽到第一選擇開始事件時，記錄與所述第一選擇開始事件對應(yīng)的第一坐標(biāo)；當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，記錄與所述第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo);所述對比商品選定單元，還用于根據(jù)所述第一坐標(biāo)和所述第二坐標(biāo)確定所述對比商品區(qū)域。
[0018]可選地，所述對比商品確認(rèn)模塊，包括:選中商品確定單元，用于確定在所述商品展示頁面上選中的第一商品元素，當(dāng)所述商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上、且滿足選定條件時，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品O
[0019]可選地，所述對比商品確認(rèn)模塊，包括:拖動圖片生成單元，用于當(dāng)判斷開始拖拽所述第一商品元素時添加商品參照層，并在所述商品參照層上復(fù)制與第一商品元素相對應(yīng)的參照商品元素；拖動圖片顯示單元，用于使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示;所述選中商品確定單元，用于當(dāng)所述參照商品元素移動到所述第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。
[0020]可選地，所述拖動圖片生成單元，還用于添加商品參照層，獲取所述第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息，依據(jù)所述顯示內(nèi)容和級聯(lián)樣式表信息在所述商品參照層中創(chuàng)建與第一商品元素相對應(yīng)的參照商品元素;其中，所述商品參照層位于頂層，所述商品參照層覆蓋所述商品展示頁面。
[0021]可選地，所述拖動圖片顯示單元，包括:初始坐標(biāo)記錄子單元，用于當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與所述第二選擇開始事件對應(yīng)的第三坐標(biāo);偏移量計算子單元，用于監(jiān)聽與所述參照商品元素的移動對應(yīng)的移動事件，基于所述移動事件實時獲取所述參照商品元素的偏移量；顯示坐標(biāo)確定子單元，用于基于所述第三坐標(biāo)和偏移量實時確定第四坐標(biāo)，以使所述參照商品元素的顯示位置基于所述第四坐標(biāo)而變換。
[0022]可選地，所述選中商品確定單元，還用于基于移動事件確定所述參照商品元素移動到所述第二商品元素上方，并且開始計時；當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定所述第二商品元素所對應(yīng)的商品為所述待比對商品；或當(dāng)所述參照商品元素移動到所述第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定所述第二商品元素為待比對商品；所述對比商品確認(rèn)模塊，還包括:拖動圖片隱藏單元，用于當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏所述商品參照層。
[0023]可選地，所述對比數(shù)據(jù)發(fā)送模塊，包括:特征信息獲取單元，用于獲取預(yù)先存儲的所述待比對商品的商品信息，并從此商品信息中提取所述特征信息;特征信息發(fā)送單元，用于在所述商品展示頁面上提供選擇是否進(jìn)行比對的功能，基于輸入的選擇指令將所述待比對商品的特征信息發(fā)送到所述服務(wù)器;其中，所述特征信息為商品名稱和/或商品的標(biāo)識號。
[0024]可選地，還包括商品顯示處理模塊，其中，所述商品顯示處理模塊包括:檢索結(jié)果接收單元，用于接收所述服務(wù)器發(fā)送的商品檢索結(jié)果，其中，所述商品檢索結(jié)果包括:HTML文件、CSS文件;顯示布局單元，用于基于所述HTML文件、所述級聯(lián)樣式表信息生成所述商品展示頁面，確定在所述商品展示頁面上顯示的商品元素的坐標(biāo)、并將所述HTML文件中攜帶的所述商品信息進(jìn)行緩存。
[0025]根據(jù)本發(fā)明的又一方面，提供一種終端設(shè)備，包括:如上所述的商品信息的對比裝置。
[0026]根據(jù)本發(fā)明的再一方面，提供一種商品信息的對比裝置，包括:存儲器；以及耦接至所述存儲器的處理器，所述處理器被配置為基于存儲在所述存儲器中的指令，執(zhí)行如上所述的商品信息的對比方法。
[0027]本發(fā)明中的商品信息的對比方法、裝置以及終端設(shè)備，可直接在商品展示頁面中進(jìn)行發(fā)起商品信息對比的操作，降低了對系統(tǒng)資源的占用，減少了網(wǎng)絡(luò)的負(fù)荷，提高用戶的使用體驗。
【附圖說明】
[0028]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0029]圖1為根據(jù)本發(fā)明的商品信息的對比方法的一個實施例的流程示意圖；
[0030]圖2為商品展不頁面上顯不商品的不意圖；
[0031]圖3為根據(jù)本發(fā)明的商品信息的對比裝置的一個實施例的模塊示意圖；
[0032]圖4為根據(jù)本發(fā)明的商品信息的對比裝置的一個實施例中的對比商品確認(rèn)模塊的豐旲塊不意圖；
[0033]圖5為根據(jù)本發(fā)明的商品信息的對比裝置的一個實施例中的拖動圖片顯示單元的豐旲塊不意圖；
[0034]圖6為根據(jù)本發(fā)明的商品信息的對比裝置的一個實施例中的對比數(shù)據(jù)發(fā)送模塊的豐旲塊不意圖；
[0035]圖7為根據(jù)本發(fā)明的商品信息的對比裝置的一個實施例中的商品顯示處理模塊的豐旲塊不意圖；
[0036]圖8為根據(jù)本發(fā)明的商品信息的對比裝置的另一個實施例的模塊示意圖。
【具體實施方式】
[0037]下面參照附圖對本發(fā)明進(jìn)行更全面的描述，其中說明本發(fā)明的示例性實施例。下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。下面結(jié)合各個圖和實施例對本發(fā)明的技術(shù)方案進(jìn)行多方面的描述。
[0038]下文中的“第一”、“第二”等僅用于描述上相區(qū)別，并沒有其它特殊的含義。
[0039]圖1為根據(jù)本發(fā)明的商品信息的對比方法的一個實施例的流程示意圖，如圖1所示:
[0040]步驟1I，接收商品彳目息并將商品彳目息在商品展不頁面上顯不。
[0041]例如，用戶在手機(jī)或PC中的瀏覽器檢索頁面上輸入關(guān)鍵詞并提交，服務(wù)器將搜索到商品信息發(fā)送到手機(jī)或PC，商品信息包括:商品名稱、商品的ID(標(biāo)識號)、價格、促銷信息、圖片等，手機(jī)或PC中的瀏覽器生成商品展示頁面向用戶呈現(xiàn)商品。
[0042]步驟102，對商品展示頁面中的事件進(jìn)行檢測，根據(jù)事件確定在商品展示頁面上選中的待比對商品。
[0043]對商品展示頁面中用戶輸入的事件進(jìn)行檢測，事件包括:鼠標(biāo)事件、鍵盤事件或觸摸屏的觸摸事件等。
[0044]步驟103，獲取待比對商品的特征信息并將特征信息發(fā)送到服務(wù)器。
[0045]當(dāng)判斷用戶在商品展示頁面上選中了待比對商品，可以生成待對比商品列表，將用戶選中的一個或多個商品加入待對比列表中，存儲用戶選中的商品信息。從此商品信息中提取特征信息，用于生成數(shù)據(jù)對報告。特征信息為商品名稱和/或商品的ID，例如，獲取列表中各商品的ID，向服務(wù)器發(fā)送請求，將待對比列表中所有的商品的唯一標(biāo)示(商品的ID)作為請求參數(shù)，發(fā)送到指定的服務(wù)器。
[0046]步驟104，接收服務(wù)器返回的待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。
[0047]例如，服務(wù)端根據(jù)各商品的ID，生成待比對商品各項參數(shù)的信息對比數(shù)據(jù)報告，并將生成的對比數(shù)據(jù)報告下發(fā)給用戶的在手機(jī)或PC，生成商品對比頁面顯示對比數(shù)據(jù)報告。
[0048]上述實施例中的商品信息的對比方法，可直接在商品展示頁面中進(jìn)行發(fā)起商品信息對比的操作，不需要打開商品詳情頁，即可實現(xiàn)商品信息的快速對比的操作，提高了用戶體驗，減少了系統(tǒng)的負(fù)荷。
[0049]在一個實施例中，用戶在手機(jī)或PC中的瀏覽器向服務(wù)器發(fā)送攜帶有商品關(guān)鍵詞的商品檢索指令，瀏覽器接收服務(wù)器返回的商品檢索結(jié)果，商品檢索結(jié)果包括:HTML文件、CSS文件和商品圖片等。HTML文件中攜帶有商品信息，包括:商品名稱、商品的ID、價格、促銷信息等。解析HTML文件并將商品信息存儲在內(nèi)存中。解析CSS文件生成樣式表。
[ΟΟδΟ]基于HTML文件、樣式表和商品圖片生成商品展不頁面，并確定商品圖片在商品展示頁面上的坐標(biāo)，根據(jù)樣式表確定商品展示頁面的布局類型，按照布局類型確定商品展示頁面的分欄的數(shù)量和各分欄寬度比例，將商品信息顯示在分欄中，并確定分欄中的商品元素的坐標(biāo)。
[0051 ] 在瀏覽器中，通過提供的HTML D0M(Document Object Model，文檔對象模型)結(jié)合HTML(Hypertext Markup Language Source，超文本標(biāo)記語言)腳本技術(shù)(JavaScript等)，可以實現(xiàn)對頁面中指定視圖的選中、框選、拖動等功能。
[0052]在商品展示頁面上形成多個商品顯示區(qū)域，形成商品顯示列表，通過腳本語言JavaScript創(chuàng)建HTML文件中的所有商品的DIV節(jié)點(diǎn)，在對應(yīng)的商品顯示區(qū)域中顯示商品信息，如圖2所示。在商品圖片顯示區(qū)域中顯示的商品信息(商品的DIV節(jié)點(diǎn))，即為本發(fā)明中的商品元素，包括圖片、價格、促銷信息等。
[0053]瀏覽器從HTML文件中解析出DOM Tree，從CSS(Cascading Style Sheet，級聯(lián)樣式表)中解析出級聯(lián)樣式表對應(yīng)的樣式結(jié)構(gòu)體后，構(gòu)建出Render Tree(呈現(xiàn)樹)，然后瀏覽器根據(jù)Render Tree繪制頁面進(jìn)行顯示。在構(gòu)建過程中，瀏覽器會將文檔對象模型樹中的商品元素逐個放入級聯(lián)樣式表對應(yīng)的樣式結(jié)構(gòu)體中相應(yīng)的級聯(lián)樣式表位置，然后進(jìn)行構(gòu)建。文檔對象模型樹主要決定商品元素的呈現(xiàn)內(nèi)容，包括圖片、價格、優(yōu)惠信息等，級聯(lián)樣式表對應(yīng)的樣式結(jié)構(gòu)體主要決定商品元素呈現(xiàn)的位置。
[0054]對商品展示頁面上的商品元素的坐標(biāo)進(jìn)行設(shè)置，可將當(dāng)前頁面看作以左上頂角為原點(diǎn)，x，y為軸的坐標(biāo)系(容器)，以Flexbox布局或九宮圖等方式進(jìn)行排列，將所有的商品數(shù)據(jù)展示到頁面，根據(jù)服務(wù)器下發(fā)的商品圖片尺寸的大小，計算出在容器中的寬度和高度，并設(shè)定距離容器頂部(top)的和左邊距(left)的大小，以此類推，計算出所有數(shù)據(jù)在頁面的位置。例如，商品A的位置可以用 style=” width:80 ,height:90 ,left: 10, top: 20 ,posit1n:absolute”的方式來進(jìn)行描述.每個商品信息都會有sytle描述信息，其中的posit1n:absolute，該屬性標(biāo)示為絕對定位方式。
[0055]可以通過腳本對商品展示頁面添加事件，當(dāng)監(jiān)聽到用戶的輸入事件時，可以進(jìn)行相應(yīng)的操作。輸入事件可以為鼠標(biāo)事件、觸摸屏事件、鍵盤事件等?？梢允褂每蜻x的方法在商品展示頁面上選擇商品，根據(jù)事件確定在商品展示頁面上選擇的對比商品區(qū)域，確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為待比對商品。
[0056]在一個實施例中，當(dāng)監(jiān)聽到第一選擇開始事件時，記錄與第一選擇開始事件對應(yīng)的第一坐標(biāo)，當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，記錄與第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo)。將以第一坐標(biāo)和第二坐標(biāo)作為對定點(diǎn)的矩形框作為對比商品區(qū)域，確定全部或部分落入對比商品區(qū)域中的多個商品元素，將此多個商品元素對應(yīng)的商品作為待比對商品。
[0057]第一選擇開始事件、第一選擇結(jié)束事件可以有多種。例如，按下鼠標(biāo)事件onmousedown為第一選擇開始事件，松開鼠標(biāo)事件onmouseup為第一選擇結(jié)束事件。當(dāng)用戶按下鼠標(biāo)觸發(fā)onmousedown事件時，記錄按下時的坐標(biāo)點(diǎn)a(x，y)，監(jiān)聽移動鼠標(biāo)onmousdown事件，記錄點(diǎn)擊鼠標(biāo)時的坐標(biāo)a(x，y)，并通過監(jiān)聽onmousemove事件，實時獲取滾動的軌跡，當(dāng)用戶松開鼠標(biāo)觸發(fā)onmouseup事件時，記錄松開鼠標(biāo)的坐標(biāo)點(diǎn)b (x，y)，通過a點(diǎn)和b點(diǎn)的坐標(biāo)，可以確定一個矩形框，通過計算獲取在矩形框內(nèi)的所有商品，被視為選中的商品。
[0058]在一個實施例中，確定在商品展示頁面上選中的第一商品元素，當(dāng)商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上方、且滿足選定條件時，則將第一商品元素和第二商品元素確定為所述待比對商品。
[0059]例如，用戶也可以在商品展示頁面，點(diǎn)擊鼠標(biāo)選中商品A，并將商品A拖動至商品B的位置，商品A懸停在商品B的上方或商品A的顯示框與商品B的顯示區(qū)存在相互重疊，選擇待對比的商品?；蛘?，用戶點(diǎn)擊鼠標(biāo)選中商品A后，通過鼠標(biāo)點(diǎn)擊商品B選擇待對比的商品等。本發(fā)明的中的焦點(diǎn)區(qū)域為鼠標(biāo)的點(diǎn)擊區(qū)域、商品拖動時形成的視圖顯示區(qū)域、手指在觸摸屏上點(diǎn)擊的區(qū)域等。選定條件可以為:松開鼠標(biāo)、點(diǎn)擊鼠標(biāo)、停留超過時間閾值等。
[0060]確定在商品展示頁面上選中的第一商品元素，當(dāng)判斷開始拖拽第一商品元素時添加商品參照層，并在商品參照層上復(fù)制與第一商品元素相對應(yīng)的參照商品元素，并使參照商品元素跟隨拖拽的軌跡進(jìn)行顯示；當(dāng)判斷參照商品元素在商品展示頁面上的第二商品元素上方懸停的時長超過預(yù)設(shè)的時長閾值、或者當(dāng)參照商品元素位于第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定第二商品元素為待比對商品。
[0061]獲取第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息，商品元素包括在商品展示頁面上顯示的圖片、價格、優(yōu)惠信息等。獲取的第一商品元素的顯示內(nèi)容可以為圖片、價格、優(yōu)惠信息中的一個或多個。依據(jù)顯示內(nèi)容和級聯(lián)樣式表信息在商品參照層中創(chuàng)建與第一商品元素相對應(yīng)的參照商品元素。商品參照層位于頂層，商品參照層覆蓋商品展示頁面。
[0062]當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與第二選擇開始事件對應(yīng)的第三坐標(biāo)。監(jiān)聽與參照商品元素的移動對應(yīng)的移動事件，基于移動事件實時獲取參照商品元素的偏移量?；诘谌鴺?biāo)和偏移量實時確定第四坐標(biāo)，使參照商品元素的顯示位置基于第四坐標(biāo)而變換。
[0063]第二選擇開始事件、移動事件以及第二選擇結(jié)束事件可以有多種。例如，按下鼠標(biāo)事件onmousedown為第二選擇開始事件，松開鼠標(biāo)事件onmouseup為第二選擇結(jié)束事件，移動鼠標(biāo)事件onmousemove為移動事件。在拖動商品A時，按下鼠標(biāo)觸發(fā)onmousedown事件，記錄按下時的坐標(biāo)點(diǎn)a(X，y)，移動鼠標(biāo)觸發(fā)onmousemove事件，記錄移動的軌跡，計算鼠標(biāo)的偏移量，并根據(jù)偏移量，計算出商品參照層上與商品A對應(yīng)的商品Al的相對位置的坐標(biāo)。
[0064]在偵聽到鼠標(biāo)的拖拽動作開始時，激活添加覆蓋于整個拖拽區(qū)域的商品參照層，然后在商品參照層中創(chuàng)建被拖拽的第一商品元素對應(yīng)的參照商品元素。商品參照層對應(yīng)在文檔對象模型樹中的位置，在各元素對應(yīng)在文檔對象模型樹中的各位置之后。
[0065]鼠標(biāo)拖動時，是拖動的商品參照層中的參照商品元素，并沒有拖動原來位置的第一商品元素，只要計算商品參照層中第二圖片元素的位置即可?；谝苿邮录_定參照商品元素移動到第二商品元素上方，并且開始計時；當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定第二商品元素所對應(yīng)的商品為待比對商品。當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏商品參照層。
[0066]如圖2所示，通過鼠標(biāo)左鍵點(diǎn)擊某一商品實現(xiàn)單選操作，通過鼠標(biāo)選中商品A后，做拖動操作時，商品參照層可隨著鼠標(biāo)的拖動而移動，拖動商品A移動到商品B的上方，即可實現(xiàn)商品對比的操作。通過腳本在商品B的顯示區(qū)域內(nèi)添加事件onmouseover，該事件在鼠標(biāo)移動到商品B的顯示區(qū)域內(nèi)時觸發(fā)。
[0067]當(dāng)將選中的商品A移動到商品B的上面時，懸停一定時間，如2s后，則商品B為選中的待比對商品。也可以通過檢測鼠標(biāo)拖動商品的軌跡及懸停到相應(yīng)商品的上方時、或與其它商品有重合部分時，松開鼠標(biāo)時可以獲取選中商品。
[0068]可以在文檔對象模型樹中最后一個元素之后添加一個商品參照層結(jié)構(gòu)，預(yù)先在商品展示頁面對應(yīng)的文檔對象模型樹中，最后一個元素的位置之后，添加商品參照層，在文檔對象模型樹的主干尾端添加對應(yīng)商品參照層的div塊，即為使用DIV標(biāo)簽確定的單元，并將其屬性設(shè)置為頂層div。
[0069]可以在生成頁面時預(yù)先存儲的待比對商品的商品信息，例如，存儲在特定的內(nèi)存中。當(dāng)判斷用戶選定比對商品后，從商品信息中提取特征信息作為參數(shù)，發(fā)送請求到指定服務(wù)器，由服務(wù)端生成詳細(xì)的商品參數(shù)對比報告，返回給用戶。
[0070]當(dāng)判斷用戶選定比對商品后，可以在商品展示頁面上提供選擇是否進(jìn)行比對的功能，例如，提供彈出框，用戶需要選擇是否進(jìn)行比對。如果用戶確定需要進(jìn)行比對，則將待比對商品的特征信息發(fā)送到服務(wù)器。
[0071]上述實施例中的商品信息的對比方法，可直接在商品展示頁面中進(jìn)行發(fā)起商品信息對比的操作，不需要打開商品詳情頁，無需反復(fù)進(jìn)入詳情頁來操作，減少了計算量，降低了對系統(tǒng)資源的占用，減少了網(wǎng)絡(luò)的負(fù)荷，也降低了 CPU的使用率。
[0072]如圖3所示，本發(fā)明提供一種商品信息的對比裝置30包括:商品顯示處理模塊31、對比商品確認(rèn)模塊32、對比數(shù)據(jù)發(fā)送模塊33和對比商品顯示模塊34。商品顯示處理模塊31接收商品信息并將商品信息在商品展示頁面上顯示。
[0073]對比商品確認(rèn)模塊32對商品展示頁面中的事件進(jìn)行檢測，根據(jù)事件確定在商品展示頁面上選中的待比對商品。對比數(shù)據(jù)發(fā)送模塊33獲取待比對商品的特征信息并將特征信息發(fā)送到服務(wù)器。對比商品顯示模塊34接收服務(wù)器返回的待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。
[0074]如圖4所示，對比商品確認(rèn)模塊32包括:事件檢測單元321、對比區(qū)域確認(rèn)單元322、對比商品選定單元323、拖動圖片生成單元324、拖動圖片顯示單元325、選中商品確定單元326和拖動圖片隱藏單元327。事件檢測單元321對事件進(jìn)行檢測。對比區(qū)域確認(rèn)單元322根據(jù)事件確定在商品展示頁面上選擇的對比商品區(qū)域。對比商品選定單元323確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為待比對商品。
[0075]當(dāng)監(jiān)聽到第一選擇開始事件時，事件檢測單元321記錄與第一選擇開始事件對應(yīng)的第一坐標(biāo)。當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，事件檢測單元321記錄與第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo)。對比商品選定單元322根據(jù)第一坐標(biāo)和第二坐標(biāo)確定對比商品區(qū)域。
[0076]選中商品確定單元326確定在商品展示頁面上選中的第一商品元素，當(dāng)商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上、且滿足選定條件時，則將第一商品元素和所述第二商品元素確定為待比對商品。
[0077]拖動圖片生成單元324當(dāng)判斷開始拖拽第一商品元素時添加商品參照層，并在商品參照層上添加與第一商品元素相對應(yīng)的參照商品元素。拖動圖片顯示單元325使參照商品元素跟隨拖拽的軌跡進(jìn)行顯示。
[0078]選中商品確定單元326當(dāng)判斷參照商品元素在商品展示頁面上的第二商品元素上方懸停的時長超過預(yù)設(shè)的時長閾值、或者當(dāng)參照商品元素位于第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定第二商品元素為待比對商品。拖動圖片隱藏單元327當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏商品參照層。
[0079]拖動圖片生成單元324獲取第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息，依據(jù)顯示內(nèi)容和級聯(lián)樣式表信息在商品參照層中創(chuàng)建與第一商品元素相對應(yīng)的參照商品元素;其中，商品參照層位于頂層，商品參照層覆蓋商品展示頁面。選中商品確定單元326基于移動事件確定參照商品元素移動到第二商品元素上方，并且開始計時，當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定第二商品元素所對應(yīng)的商品為待比對商品。
[0080]如圖5所示，拖動圖片顯示單元325包括:初始坐標(biāo)記錄子單元3251、偏移量計算子單元3252和顯示坐標(biāo)確定子單元3253。初始坐標(biāo)記錄子單元3251當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與第二選擇開始事件對應(yīng)的第三坐標(biāo)。偏移量計算子單元3252監(jiān)聽與參照商品元素的移動對應(yīng)的移動事件，基于移動事件實時獲取參照商品元素的偏移量。顯示坐標(biāo)確定子單元3253基于第三坐標(biāo)和偏移量實時確定第四坐標(biāo)，以使參照商品元素的顯示位置基于第四坐標(biāo)而變換。
[0081]如圖6所示，對比數(shù)據(jù)發(fā)送模塊33包括:特征信息獲取單元331、特征信息發(fā)送單元332。特征彳目息獲取單兀331獲取預(yù)先存儲的待比對商品的商品彳目息，并從此商品彳目息中提取特征信息。特征信息發(fā)送單元332在商品展示頁面上提供選擇是否進(jìn)行比對的功能，基于輸入的選擇指令將待比對商品的特征信息發(fā)送到服務(wù)器。
[0082]如圖7所示，商品顯示處理模塊31包括:檢索結(jié)果接收單元311和顯示布局單元312。檢索結(jié)果接收單元311接收服務(wù)器發(fā)送的商品檢索結(jié)果，其中，商品檢索結(jié)果包括:HTML文件、CSS文件等。顯示布局單元312基于HTML文件、級聯(lián)樣式表信息生成商品展示頁面，確定在商品展示頁面上顯示的商品元素的坐標(biāo)、并將HTML文件中攜帶的商品信息進(jìn)行緩存。
[0083]圖8為根據(jù)本發(fā)明的商品信息的對比裝置的另一個實施例的模塊示意圖。如圖8所示，該裝置可包括存儲器81和處理器82，存儲器81用于存儲指令，處理器82耦合到存儲器81，處理器82被配置為基于存儲器81存儲的指令執(zhí)行實現(xiàn)上述的商品信息的對比方法。
[0084]存儲器81可以為高速RAM存儲器、非易失性存儲器(non-volatile memory)等，存儲器81也可以是存儲器陣列。存儲器81還可能被分塊，并且塊可按一定的規(guī)則組合成虛擬卷。處理器82可以為中央處理器CPU，或?qū)Ｓ眉呻娐稟SI C(App Ii cat 1n SpecificIntegrated Circuit)，或者是被配置成實施本發(fā)明的商品展示方法的一個或多個集成電路。
[0085]根據(jù)一個實施例，本發(fā)明提供一種終端設(shè)備，包括:如上的商品信息的對比裝置。
[0086]上述實施例中的商品信息的對比方法、裝置以及終端設(shè)備，可直接在商品展示頁面中進(jìn)行發(fā)起商品信息對比的操作，不需要打開商品詳情頁，即可實現(xiàn)商品信息的快速對比，多個商品進(jìn)行對比時僅需框選要對比商品后進(jìn)行操作即可，無需反復(fù)進(jìn)入詳情頁來操作，減少了計算量，降低了對系統(tǒng)資源的占用，減少了網(wǎng)絡(luò)的負(fù)荷，也降低了CPU的使用率，提高了用戶體驗。
[0087]可能以許多方式來實現(xiàn)本發(fā)明的方法和系統(tǒng)。例如，可通過軟件、硬件、固件或者軟件、硬件、固件的任何組合來實現(xiàn)本發(fā)明的方法和系統(tǒng)。用于方法的步驟的上述順序僅是為了進(jìn)行說明，本發(fā)明的方法的步驟不限于以上具體描述的順序，除非以其它方式特別說明。此外，在一些實施例中，還可將本發(fā)明實施為記錄在記錄介質(zhì)中的程序，這些程序包括用于實現(xiàn)根據(jù)本發(fā)明的方法的機(jī)器可讀指令。因而，本發(fā)明還覆蓋存儲用于執(zhí)行根據(jù)本發(fā)明的方法的程序的記錄介質(zhì)。
[0088]本發(fā)明的描述是為了示例和描述起見而給出的，而并不是無遺漏的或者將本發(fā)明限于所公開的形式。很多修改和變化對于本領(lǐng)域的普通技術(shù)人員而言是顯然的。選擇和描述實施例是為了更好說明本發(fā)明的原理和實際應(yīng)用，并且使本領(lǐng)域的普通技術(shù)人員能夠理解本發(fā)明從而設(shè)計適于特定用途的帶有各種修改的各種實施例。
【主權(quán)項】
1.一種商品信息的對比方法，其特征在于，包括: 對商品展示頁面中的事件進(jìn)行檢測，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品；其中，所述商品展示頁面顯示接收到的商品信息； 獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器； 接收所述服務(wù)器返回的所述待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。2.如權(quán)利要求1所述的方法，其特征在于，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品包括: 根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域； 確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為所述待比對商品。3.如權(quán)利要求2所述的方法，其特征在于，所述根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域包括: 當(dāng)監(jiān)聽到第一選擇開始事件時，記錄與所述第一選擇開始事件對應(yīng)的第一坐標(biāo)； 當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，記錄與所述第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo)； 根據(jù)所述第一坐標(biāo)和所述第二坐標(biāo)確定所述對比商品區(qū)域。4.如權(quán)利要求1所述的方法，其特征在于，所述對所述商品展示頁面中的事件進(jìn)行檢測、根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品包括: 確定在所述商品展示頁面上選中的第一商品元素； 當(dāng)所述商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述當(dāng)所述商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品包括: 當(dāng)判斷開始拖拽所述第一商品元素時添加與所述第一商品元素相對應(yīng)的參照商品元素，使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示； 當(dāng)所述參照商品元素移動到所述第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。6.如權(quán)利要求5所述的方法，其特征在于，所述添加與所述第一商品元素相對應(yīng)的參照商品元素包括: 添加商品參照層； 獲取所述第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息； 依據(jù)所述顯示內(nèi)容和級聯(lián)樣式表信息在所述商品參照層中創(chuàng)建所述參照商品元素； 其中，所述商品參照層位于頂層，并且所述商品參照層覆蓋所述商品展示頁面。7.如權(quán)利要求5所述的方法，其特征在于，使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示包括: 當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與所述第二選擇開始事件對應(yīng)的第三坐標(biāo)； 監(jiān)聽與所述參照商品元素的移動對應(yīng)的移動事件，基于所述移動事件實時獲取所述參照商品元素的偏移量； 基于所述第三坐標(biāo)和偏移量實時確定第四坐標(biāo)，使所述參照商品元素的顯示位置基于所述第四坐標(biāo)而變換。8.如權(quán)利要求5所述的方法，其特征在于，所述當(dāng)所述參照商品元素移動到所述第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品包括: 基于移動事件確定所述參照商品元素移動到所述第二商品元素上方，并且開始計時； 當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定所述第二商品元素所對應(yīng)的商品為所述待比對商品;或 當(dāng)所述參照商品元素移動到所述第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定所述第二商品元素為待比對商品；其中，當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏所述商品參照層。9.如權(quán)利要求1所述的方法，其特征在于，獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器包括: 獲取預(yù)先存儲的所述待比對商品的商品信息，并從此商品信息中提取所述特征信息； 在所述商品展示頁面上提供選擇是否進(jìn)行比對的功能，基于輸入的選擇指令將所述待比對商品的特征信息發(fā)送到所述服務(wù)器； 其中，所述特征信息為商品名稱和/或商品的標(biāo)識號。10.如權(quán)利要求1所述的方法，其特征在于，所述接收商品信息并將所述商品信息在商品展示頁面上顯示包括: 接收所述服務(wù)器發(fā)送的商品檢索結(jié)果，其中，所述商品檢索結(jié)果包括:HTML文件、CSS文件； 基于所述HTML文件、所述級聯(lián)樣式表信息生成所述商品展示頁面，確定在所述商品展示頁面上顯示的商品元素的坐標(biāo)、并將所述HTML文件中攜帶的所述商品信息進(jìn)行緩存。11.一種商品信息的對比裝置，其特征在于，包括: 對比商品確認(rèn)模塊，用于對所述商品展示頁面中的事件進(jìn)行檢測，根據(jù)所述事件確定在所述商品展示頁面上選中的待比對商品；其中，所述商品展示頁面顯示接收到的商品信息; 對比數(shù)據(jù)發(fā)送模塊，用于獲取所述待比對商品的特征信息并將所述特征信息發(fā)送到服務(wù)器； 對比商品顯示模塊，用于接收所述服務(wù)器返回的所述待比對商品的商品數(shù)據(jù)并在商品對比頁面上顯示。12.如權(quán)利要求11所述的裝置，其特征在于: 所述對比商品確認(rèn)模塊，包括: 事件檢測單元，用于對所述事件進(jìn)行檢測； 對比區(qū)域確認(rèn)單元，根據(jù)所述事件確定在所述商品展示頁面上選擇的對比商品區(qū)域； 對比商品選定單元，用于確定此對比商品區(qū)域內(nèi)的多個商品元素所對應(yīng)的商品為所述待比對商品。13.如權(quán)利要求12所述的裝置，其特征在于: 所述事件檢測單元，還用于當(dāng)監(jiān)聽到第一選擇開始事件時，記錄與所述第一選擇開始事件對應(yīng)的第一坐標(biāo)；當(dāng)監(jiān)聽到第一選擇結(jié)束事件時，記錄與所述第一選擇結(jié)束事件對應(yīng)的第二坐標(biāo)； 所述對比商品選定單元，還用于根據(jù)所述第一坐標(biāo)和所述第二坐標(biāo)確定所述對比商品區(qū)域。14.如權(quán)利要求11所述的裝置，其特征在于: 所述對比商品確認(rèn)模塊，包括: 選中商品確定單元，用于確定在所述商品展示頁面上選中的第一商品元素，當(dāng)所述商品展示頁面上的焦點(diǎn)區(qū)域位于第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。15.如權(quán)利要求14所述的裝置，其特征在于: 所述對比商品確認(rèn)模塊，包括: 拖動圖片生成單元，用于當(dāng)判斷開始拖拽所述第一商品元素時添加與第一商品元素相對應(yīng)的參照商品元素； 拖動圖片顯示單元，用于使所述參照商品元素跟隨所述拖拽的軌跡進(jìn)行顯示； 所述選中商品確定單元，還用于當(dāng)所述參照商品元素移動到所述第二商品元素上方、且滿足選定條件，則將所述第一商品元素和所述第二商品元素確定為所述待比對商品。16.如權(quán)利要求15所述的裝置，其特征在于: 所述拖動圖片生成單元，還用于添加商品參照層，獲取所述第一商品元素的顯示內(nèi)容和級聯(lián)樣式表信息，依據(jù)所述顯示內(nèi)容和級聯(lián)樣式表信息在所述商品參照層中創(chuàng)建與第一商品元素相對應(yīng)的參照商品元素； 其中，所述商品參照層位于頂層，并且所述商品參照層覆蓋所述商品展示頁面。17.如權(quán)利要求15所述的裝置，其特征在于: 所述拖動圖片顯示單元，包括: 初始坐標(biāo)記錄子單元，用于當(dāng)監(jiān)聽到選中第一商品元素的第二選擇開始事件時，記錄與所述第二選擇開始事件對應(yīng)的第三坐標(biāo)； 偏移量計算子單元，用于監(jiān)聽與所述參照商品元素的移動對應(yīng)的移動事件，基于所述移動事件實時獲取所述參照商品元素的偏移量； 顯示坐標(biāo)確定子單元，用于基于所述第三坐標(biāo)和偏移量實時確定第四坐標(biāo)，以使所述參照商品元素的顯示位置基于所述第四坐標(biāo)而變換。18.如權(quán)利要求15所述的裝置，其特征在于: 所述選中商品確定單元，還用于基于移動事件確定所述參照商品元素移動到所述第二商品元素上方，并且開始計時；當(dāng)判斷計時的時長超過預(yù)設(shè)的時長閾值時，則確定所述第二商品元素所對應(yīng)的商品為所述待比對商品;或當(dāng)所述參照商品元素移動到所述第二商品元素上方時監(jiān)聽到第二選擇結(jié)束事件，則確定所述第二商品元素為待比對商品； 所述對比商品確認(rèn)模塊，還包括: 拖動圖片隱藏單元，用于當(dāng)監(jiān)聽到第二選擇結(jié)束事件時，隱藏所述商品參照層。19.如權(quán)利要求11所述的裝置，其特征在于: 所述對比數(shù)據(jù)發(fā)送模塊，包括: 特征信息獲取單元，用于獲取預(yù)先存儲的所述待比對商品的商品信息，并從此商品信息中提取所述特征信息； 特征信息發(fā)送單元，用于在所述商品展示頁面上提供選擇是否進(jìn)行比對的功能，基于輸入的選擇指令將所述待比對商品的特征信息發(fā)送到所述服務(wù)器； 其中，所述特征信息為商品名稱和/或商品的標(biāo)識號。20.如權(quán)利要求11所述的裝置，其特征在于，還包括商品顯示處理模塊，其中，所述商品顯示處理模塊包括: 檢索結(jié)果接收單元，用于接收所述服務(wù)器發(fā)送的商品檢索結(jié)果，其中，所述商品檢索結(jié)果包括:HTML文件、CSS文件； 顯示布局單元，用于基于所述HTML文件、所述級聯(lián)樣式表信息生成所述商品展示頁面，確定在所述商品展示頁面上顯示的商品元素的坐標(biāo)、并將所述HTML文件中攜帶的所述商品ig息進(jìn)行緩存。21.一種終端設(shè)備，其特征在于，包括: 如權(quán)利要求11至20中任一項所述的商品信息的對比裝置。22.—種商品信息的對比裝置，其特征在于，包括: 存儲器；以及 耦接至所述存儲器的處理器，所述處理器被配置為基于存儲在所述存儲器中的指令，執(zhí)行如權(quán)利要求1至10中任一項所述的商品信息的對比方法。
【文檔編號】G06Q30/06GK106097072SQ201610431862
【公開日】2016年11月9日
【申請日】2016年6月17日
【發(fā)明人】王領(lǐng)智
【申請人】北京京東尚科信息技術(shù)有限公司, 北京京東世紀(jì)貿(mào)易有限公司