headless chrome.png

Headless Browser(無(wú)頭的瀏覽器)是什么鬼?

簡(jiǎn)而言之，Headless Browser是沒(méi)有圖形用戶界面(GUI)的web瀏覽器，通常是通過(guò)編程或命令行界面來(lái)控制的。

Headless Browser的許多用處之一是自動(dòng)化可用性測(cè)試或測(cè)試瀏覽器交互。如果您正在嘗試檢查頁(yè)面在不同的瀏覽器中呈現(xiàn)的方式，或者確認(rèn)頁(yè)面元素在用戶啟動(dòng)某個(gè)工作流之后出現(xiàn)，那么使用Headless Browser可以提供大量的幫助。除此之外，如果內(nèi)容是動(dòng)態(tài)呈現(xiàn)的(比如通過(guò)Javascript)，web抓取等傳統(tǒng)的面向web的任務(wù)就很難做了。使用Headless Browser可以方便地訪問(wèn)這些內(nèi)容，因?yàn)閮?nèi)容的呈現(xiàn)方式與完全瀏覽器中的內(nèi)容完全相同。

基于不同的瀏覽器，有不同的瀏覽器引擎。(http://www.cnblogs.com/wangjunqiao/p/5212561.html)

主流瀏覽器所使用的內(nèi)核分類

Trident內(nèi)核：IE,MaxThon,TT,The World,360,搜狗瀏覽器等

Gecko內(nèi)核：Netscape6及以上版本，F(xiàn)F,MozillaSuite/SeaMonkey等

Presto內(nèi)核：Opera7及以上

Webkit內(nèi)核：Safari,Chrome等

先讓我們看看瀏覽器處理過(guò)程中的每一個(gè)步驟：

1.處理HTML腳本，生成DOM樹(shù)

2.處理CSS腳本，生成CSSOM樹(shù)? （DOM和CSSOM是獨(dú)立的數(shù)據(jù)結(jié)構(gòu)）

3.將DOM樹(shù)和CSSOM樹(shù)合并為渲染樹(shù)

4.對(duì)渲染樹(shù)中的內(nèi)容進(jìn)行布局，計(jì)算每個(gè)節(jié)點(diǎn)的幾何外觀

5.將渲染樹(shù)中的每個(gè)節(jié)點(diǎn)繪制到屏幕中

Headless Browser實(shí)際就是節(jié)約了第4,5步的時(shí)間。

3年前，無(wú)頭瀏覽器 PhantomJS 已經(jīng)如火如荼出現(xiàn)了，緊跟著 NightmareJS 也成為一名巨星。無(wú)頭瀏覽器帶來(lái)巨大便利性：頁(yè)面爬蟲(chóng)、自動(dòng)化測(cè)試、WebAutomation...用過(guò)PhantomJS的都知道，它的環(huán)境是運(yùn)行在一個(gè)封閉的沙盒里面，在環(huán)境內(nèi)外完全不可通信，包括API、變量、全局方法調(diào)用等。

Headless Chrome和Python

在發(fā)布Headless Chrome之前，當(dāng)你需要自動(dòng)化瀏覽器的時(shí)候隨時(shí)都有可能涉及多個(gè)窗口或標(biāo)簽，你必須擔(dān)心CPU和/或內(nèi)存的使用。這兩種方式都與必須從被請(qǐng)求的URL中顯示顯示的圖形的瀏覽器相關(guān)聯(lián)。

當(dāng)使用一個(gè)無(wú)頭的瀏覽器時(shí)，我們不用擔(dān)心這個(gè)。因此，我們可以預(yù)期我們編寫(xiě)的腳本的內(nèi)存開(kāi)銷會(huì)降低，執(zhí)行速度也會(huì)更快。

而Chrome從59版本開(kāi)始 推出了 headless mode（當(dāng)時(shí)僅支持Mac和Linux），而目前最新的Chrome63版已經(jīng)開(kāi)始在windows上支持headless mode。

安裝Headless Chrome 在windows

Selenium操作chrome瀏覽器需要有ChromeDriver驅(qū)動(dòng)來(lái)協(xié)助。

什么是ChromeDriver？

ChromeDriver是Chromium team開(kāi)發(fā)維護(hù)的，它是實(shí)現(xiàn)WebDriver有線協(xié)議的一個(gè)單獨(dú)的服務(wù)。ChromeDriver通過(guò)chrome的自動(dòng)代理框架控制瀏覽器，建議從以下地址直接下載最新的版本：ChromeDriver 2.34

它才可以支持Chrome v61-63。

可以將此driver放置于：C:\Program Files\Google\Chrome\Application\ （對(duì)應(yīng)的Chrome安裝目錄下）

安裝Selenium 在windows

cmd命令里面運(yùn)行：

$pip install selenium

編寫(xiě)對(duì)應(yīng)的腳本

編寫(xiě)一個(gè)對(duì)應(yīng)的百度搜索的腳本

importosfromseleniumimportwebdriverfromselenium.webdriver.common.keysimportKeysfromselenium.webdriver.chrome.optionsimportOptionsimporttimechrome_options = Options()chrome_options.add_argument("--headless")base_url ="http://www.baidu.com/"#對(duì)應(yīng)的chromedriver的放置目錄driver = webdriver.Chrome(executable_path=(r'C:\Program Files\Google\Chrome\Application\chromedriver.exe'), chrome_options=chrome_options)driver.get(base_url +"/")start_time=time.time()print('this is start_time ',start_time)driver.find_element_by_id("kw").send_keys("selenium webdriver")driver.find_element_by_id("su").click()driver.save_screenshot('screen.png')driver.close()end_time=time.time()print('this is end_time ',end_time)

以上的腳本運(yùn)行完成后，你會(huì)在你的當(dāng)前目錄看到一個(gè)類似于下面畫(huà)面的screen.png.

screen.png

可以看出上面的寫(xiě)法和直接使用Selenium調(diào)用Chrome瀏覽器的時(shí)候極其類似，只是多添加了對(duì)chrome_options的重寫(xiě)。

據(jù)運(yùn)行的試驗(yàn)表明，Headelss 的確比Headed的瀏覽器在內(nèi)存消耗，運(yùn)行時(shí)間，CPU占用上面都有一定的優(yōu)勢(shì)。

headless對(duì)比.png

使用Headless Chrome也許能讓你的自動(dòng)化測(cè)試運(yùn)行更快，而且在視覺(jué)測(cè)試上面也有一定的優(yōu)勢(shì)。感興趣的朋友可以上手試試。

作者：CC先生之簡(jiǎn)書(shū)

鏈接：http://www.itdecent.cn/p/11d519e2d0cb

來(lái)源：簡(jiǎn)書(shū)

簡(jiǎn)書(shū)著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。