文/李方軍 王華 郭芳琳 王亞婷

（1.國(guó)網(wǎng)甘肅省電力公司 甘肅省蘭州市 730010 2.國(guó)網(wǎng)甘肅省電力公司信息通信公司 甘肅省蘭州市 730050）

繼承發(fā)展、業(yè)務(wù)驅(qū)動(dòng)、問(wèn)題導(dǎo)向，有信息化建設(shè)的歷史遺漏問(wèn)題現(xiàn)狀，又有新時(shí)期“泛在物聯(lián)網(wǎng)”建設(shè)新局面，兩者兼顧，基于云計(jì)算的多核瀏覽器應(yīng)運(yùn)而生。針對(duì)基層人員反映強(qiáng)烈的系統(tǒng)多、瀏覽器版本多、瀏覽器登陸難等問(wèn)題，采用微軟Trident、GoogleChromium 雙內(nèi)核引擎，基于.Net 技術(shù)、人工智能算法自動(dòng)適配業(yè)務(wù)系統(tǒng)所需瀏覽器要求，解決兼容性問(wèn)題。采用“分片”方式完成在云計(jì)算環(huán)境中基于Web 瀏覽器的數(shù)據(jù)交互實(shí)現(xiàn)的初探，是“云計(jì)算時(shí)代”嶄新的開(kāi)端。

1 多核智能瀏覽器

應(yīng)用問(wèn)題：目前公司日常辦公主要應(yīng)用的Web 業(yè)務(wù)系統(tǒng)80 余套，因不同時(shí)期、不同Web 技術(shù)建設(shè)，造成用戶(hù)登錄多業(yè)務(wù)系統(tǒng)需安裝使用不同瀏覽器，給基層人員日常工作造成額外負(fù)擔(dān)。主要問(wèn)題包括一是硬件系統(tǒng)只默認(rèn)安裝IE 瀏覽器，但部署實(shí)施的部分Web 系統(tǒng)僅支持特定品牌的瀏覽器和版本，導(dǎo)致一線員工需重新安裝多個(gè)品牌的瀏覽器，在處理多個(gè)系統(tǒng)業(yè)務(wù)時(shí)需頻繁切換瀏覽器，甚者出現(xiàn)專(zhuān)一系統(tǒng)電腦專(zhuān)用的情況；二是由于從2019年新采購(gòu)的辦公臺(tái)式機(jī)只能安裝WIN10 操作系統(tǒng)，WIN10 系統(tǒng)只兼容IE11、Chrome49-70、Firefox50-60 等瀏覽器，導(dǎo)致基于IE8 或IE8 以下版本開(kāi)發(fā)的系統(tǒng)無(wú)法正常登陸。為了適應(yīng)豐富而復(fù)雜的功能，Web 應(yīng)用平臺(tái)技術(shù)得以快速的發(fā)展。實(shí)現(xiàn)一種全新的面向Web 端的瀏覽器呼聲越來(lái)越大。

自行研制多核智能瀏覽器，兼顧微軟Trident、GoogleChromium雙核，通過(guò)云端配置初始化以及終端再適配，能夠根據(jù)不同業(yè)務(wù)系統(tǒng)自動(dòng)切換適用的瀏覽器內(nèi)核，預(yù)加載站點(diǎn)所需插件和版本，依照業(yè)務(wù)系統(tǒng)不同瀏覽器要求在打開(kāi)時(shí)，智能瀏覽器會(huì)自動(dòng)切換到IE8內(nèi)核打開(kāi)站點(diǎn)，并且加載如意報(bào)表2.5 插件，設(shè)置賦予如意報(bào)表插件管理員權(quán)限，保障打開(kāi)報(bào)表和打印均不會(huì)出錯(cuò)。同時(shí)實(shí)現(xiàn)：

（1）瀏覽器內(nèi)核管控與智能分析；

（2）瀏覽器安全檢測(cè)及pc 終端的自動(dòng)適配；

（3）安全監(jiān)控中心；

（4）微服務(wù)應(yīng)用中心；

（5）問(wèn)題反饋平臺(tái)；

（6）用戶(hù)訪問(wèn)行為分析中心；

（7）瀏覽器后臺(tái)管理等功能。

1.1 Gateway通過(guò)云端配置來(lái)初始化

通過(guò)init 來(lái)初始化具體執(zhí)行的Monitor，或者在云端配置更新的時(shí)候通過(guò)update 方法來(lái)destroy 資源然后重新初始化。

第二個(gè)參數(shù)是consumer，是lambad 表達(dá)式的使用，需要傳入一個(gè)String 類(lèi)型的實(shí)現(xiàn)accept 方法，accept 的實(shí)現(xiàn)就是TenantServiceRegistry.

1.2 PC終端自適應(yīng)設(shè)計(jì)選擇加載CSS

多核瀏覽器針對(duì)PC 終端進(jìn)行自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)，采用CSS3+Media Query 模塊方式，也就是自動(dòng)檢測(cè)屏幕寬度，隨之加載相匹配的CSS 文件。

采用程序判斷方式，檢測(cè)PC 終端屏幕寬度小于350 像素（Max-device-width: 350px），系統(tǒng)自動(dòng)加載TinySScreen.css 文件，運(yùn)行以適配。

檢測(cè)PC 終端屏幕若寬度在350 像素到650 像素間，則判斷加載SmallSScreen.css 文件。在采用html 標(biāo)簽加載CSS 文件方式的同時(shí)，探索驗(yàn)原在現(xiàn)有CSS 文件中加載，也可獲得較好的適配效果。

@import url("tinyScreen.css") screen and (Max-device-width: 350px).

2 兼容性測(cè)試方法及效果

測(cè)試驗(yàn)證多核瀏覽器兼容性，采用一種結(jié)合DOM（Document Object Model）結(jié)構(gòu)分析和頁(yè)面元素（Screen Element）的計(jì)算機(jī)視覺(jué)分析方法，實(shí)現(xiàn)Web 應(yīng)用的跨瀏覽器兼容性測(cè)試XBCT(Cross-Browser Compatibility Testing)，該方法能夠提高測(cè)試結(jié)果的準(zhǔn)確性。

DOM 結(jié)構(gòu)分析4 步驟：

（1）頁(yè)面數(shù)據(jù)采集，采取如探針般的捕獲Web 應(yīng)用在谷歌、IE、多核瀏覽器啟動(dòng)運(yùn)行時(shí)對(duì)過(guò)程DOM 結(jié)構(gòu)信息及相應(yīng)的Web 頁(yè)面快照信息，采集每一個(gè)DOM 節(jié)點(diǎn)的元素點(diǎn)、屬性、屬性數(shù)值、元素點(diǎn)路徑、ID 數(shù)值、每一個(gè)元素在Web 網(wǎng)頁(yè)的位置信息等等。

（2）建立不兼容特征數(shù)據(jù)庫(kù)，針對(duì)不同品牌、不同版本瀏覽器對(duì)HTML5 界面的不兼容元素、ID 值、屬性等的進(jìn)行采集分析。

（3）頁(yè)面兼容性檢測(cè)，將采集到的DOM 結(jié)構(gòu)信息經(jīng)解析獲取的結(jié)果數(shù)據(jù)與HTML5 不兼容特征庫(kù)中的元素與屬性等進(jìn)行對(duì)比，驗(yàn)證DOM 結(jié)構(gòu)信息元素是否包含HTML5 不兼容特征，獲得校驗(yàn)比率值。根據(jù)解析DOM 結(jié)構(gòu)信息相應(yīng)得到檢測(cè)Web 頁(yè)面元素（也就是DOM 元素在Web 網(wǎng)頁(yè)上的可視化表示），然后對(duì)Web頁(yè)面元素完成計(jì)算機(jī)視覺(jué)分析，主要核驗(yàn)其像素位置、可見(jiàn)性、大小、顯示和外觀等突出的兼容性問(wèn)題。

（4）生成測(cè)試結(jié)果報(bào)告，報(bào)告中提供所有不兼容元素的路徑，是針對(duì)性解決兼容性問(wèn)題的可靠依據(jù)。

Web 頁(yè)面元素的計(jì)算機(jī)視覺(jué)分析：

跨瀏覽器的兼容性問(wèn)題很大程度上是由對(duì)標(biāo)準(zhǔn)的支持不夠造成的，但事實(shí)上DOM 結(jié)構(gòu)信息在反映Web 應(yīng)用顯示實(shí)效方面也不是十分準(zhǔn)確。因而要引進(jìn)計(jì)算機(jī)視覺(jué)分析算法根據(jù)DOM 結(jié)構(gòu)信息進(jìn)行二次解析校正結(jié)果：

（1）機(jī)器識(shí)別元素在Web 網(wǎng)頁(yè)中的準(zhǔn)確位置；

（2）對(duì)Web 頁(yè)面各元素點(diǎn)執(zhí)行多樣本圖像的迭代比較。大大提高檢測(cè)準(zhǔn)確度。

總上，采用多融合的兼容性測(cè)試方法對(duì)多核智能瀏覽器對(duì)比測(cè)試如圖1 所示。

3 云計(jì)算環(huán)境下基于Web瀏覽器數(shù)據(jù)交互實(shí)現(xiàn)

3.1 云計(jì)算環(huán)境中基于Web瀏覽器的數(shù)據(jù)上傳方法

一種云計(jì)算環(huán)境中基于Web 瀏覽器的數(shù)據(jù)上傳方法。該方法包括：云終端Web 瀏覽器向云服務(wù)器發(fā)送上傳數(shù)據(jù)的傳輸參數(shù)請(qǐng)求消息；云服務(wù)器確定數(shù)據(jù)傳輸類(lèi)型信息、數(shù)據(jù)分片大小信息；云終端Web瀏覽器根據(jù)數(shù)據(jù)傳輸類(lèi)型信息，對(duì)待上傳數(shù)據(jù)進(jìn)行預(yù)處理，劃分具有數(shù)據(jù)分片大小的數(shù)據(jù)分片；云終端Web 瀏覽器向云服務(wù)器并行發(fā)送數(shù)據(jù)分片以及數(shù)據(jù)分片對(duì)應(yīng)的分片序號(hào)標(biāo)識(shí)；云服務(wù)器獲得全部數(shù)據(jù)分片的分片序號(hào)標(biāo)識(shí)；對(duì)全部數(shù)據(jù)分片進(jìn)行重組，獲得待上傳數(shù)據(jù)。

3.2 云計(jì)算環(huán)境下WEB數(shù)據(jù)挖掘技術(shù)

3.2.1 Web Graph

Web 數(shù)據(jù)挖掘是從Web 超鏈接、大量Web 網(wǎng)頁(yè)內(nèi)容以及操作使用日志中獲取有價(jià)值信息的數(shù)據(jù)分析萃取方法。

Web Graph 是Web 數(shù)據(jù)挖掘非常典型的方法，是用來(lái)描述Web信息數(shù)據(jù)結(jié)構(gòu)的一個(gè)重要方法。通常在Web 頁(yè)面爬取、搜索引擎結(jié)果排序以及社交網(wǎng)絡(luò)等應(yīng)用中更是有著非常廣泛的應(yīng)用。本文在云計(jì)算環(huán)境中針對(duì)Web 數(shù)據(jù)挖掘中Graph 的算法進(jìn)行研究。

3.2.1 PageRank 算法

PageRank 算法，俗稱(chēng)網(wǎng)頁(yè)排名、谷歌左側(cè)排名，是一種由搜索引擎根據(jù)網(wǎng)頁(yè)之間相互的超鏈接計(jì)算技術(shù)。Google 用它來(lái)體現(xiàn)網(wǎng)頁(yè)的相關(guān)性和重要性，在搜索引擎優(yōu)化操作中是經(jīng)常被用來(lái)評(píng)估網(wǎng)頁(yè)優(yōu)化的成效因素之一。

假設(shè)一個(gè)由4 個(gè)網(wǎng)頁(yè)組成的群體：A，B，C 和D。如果所有頁(yè)面都只鏈接至A，那么A 的PR（PageRank）值將是B，C 及D的Pagerank 總和。

重新假設(shè)B 鏈接到A 和C，C 只鏈接到A，并且D 鏈接到全部其他的3 個(gè)頁(yè)面。一個(gè)頁(yè)面總共只有一票。所以B 給A 和C 每個(gè)頁(yè)面半票。以同樣的邏輯，D 投出的票只有三分之一算到了A 的PageRank 上。

（1）import numpy as np

（2）from scipy.sparse import csc_matrix

（3）def pageRank(G, s=.85, maxerr=.0001)

將云計(jì)算環(huán)境下的Web 瀏覽器的數(shù)據(jù)上傳與Web Graph 數(shù)據(jù)挖掘技術(shù)相結(jié)合，實(shí)現(xiàn)多核瀏覽器與云端服務(wù)器的有效數(shù)據(jù)交互，效果良好。

圖1

4 結(jié)論

瀏覽器集成了IE 各版本內(nèi)核、Chrome 內(nèi)核和Firefox 內(nèi)核于一體、用戶(hù)在通過(guò)瀏覽器訪問(wèn)業(yè)務(wù)系統(tǒng)時(shí)，瀏覽器會(huì)根據(jù)預(yù)設(shè)內(nèi)核信息自動(dòng)判斷業(yè)務(wù)系統(tǒng)訪問(wèn)需要的瀏覽器內(nèi)核；如果業(yè)務(wù)系統(tǒng)沒(méi)有提前預(yù)設(shè)瀏覽器內(nèi)核匹配，則瀏覽器會(huì)對(duì)業(yè)務(wù)系統(tǒng)進(jìn)行分析，自動(dòng)匹配合適瀏覽器內(nèi)核進(jìn)行訪問(wèn)，并保存至地址訪問(wèn)庫(kù)中。用戶(hù)通過(guò)瀏覽器訪問(wèn)業(yè)務(wù)系統(tǒng)，瀏覽器會(huì)紀(jì)錄用戶(hù)訪問(wèn)痕跡，瀏覽器后臺(tái)分析中心會(huì)對(duì)用戶(hù)訪問(wèn)數(shù)據(jù)做用戶(hù)應(yīng)為分析。

多核瀏覽器對(duì)云計(jì)算環(huán)境下的數(shù)據(jù)上傳及數(shù)據(jù)挖掘初探應(yīng)用于云數(shù)據(jù)交互及用戶(hù)行為分析，通過(guò)瀏覽器后臺(tái)數(shù)據(jù)分析，可以直觀的查閱各項(xiàng)數(shù)據(jù)分析，包括用戶(hù)行為分析、安全監(jiān)控異常數(shù)據(jù)分析、用戶(hù)問(wèn)題反饋數(shù)據(jù)分析，且提供分析報(bào)告輸出功能；瀏覽器后臺(tái)管理可以對(duì)瀏覽器客戶(hù)端升級(jí)做必要管控，瀏覽器客戶(hù)端可以根據(jù)后臺(tái)設(shè)置自動(dòng)檢測(cè)版本更新。

多核智能瀏覽器對(duì)下兼容企業(yè)全部業(yè)務(wù)系統(tǒng)，對(duì)上支持云服務(wù)、云計(jì)算的數(shù)據(jù)交互，開(kāi)啟上云“新窗口”。

5 結(jié)束語(yǔ)

本文針對(duì)瀏覽器兼容性問(wèn)題，取得了階段性成果，然則基于多核瀏覽器的微服務(wù)應(yīng)用，Web 系統(tǒng)構(gòu)建，云計(jì)算環(huán)境下交互融合，仍需要進(jìn)一步的探索、研究、實(shí)踐，任重而道遠(yuǎn)。