Headless Browser(無頭的瀏覽器)是什么鬼?
簡而言之,Headless Browser是沒有圖形用戶界面(GUI)的web瀏覽器捏顺,通常是通過編程或命令行界面來控制的卡骂。
Headless Browser的許多用處之一是自動化可用性測試或測試瀏覽器交互。如果您正在嘗試檢查頁面在不同的瀏覽器中呈現(xiàn)的方式,或者確認(rèn)頁面元素在用戶啟動某個工作流之后出現(xiàn)宰翅,那么使用Headless Browser可以提供大量的幫助。除此之外爽室,如果內(nèi)容是動態(tài)呈現(xiàn)的(比如通過Javascript)汁讼,web抓取等傳統(tǒng)的面向web的任務(wù)就很難做了。使用Headless Browser可以方便地訪問這些內(nèi)容阔墩,因為內(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等
先讓我們看看瀏覽器處理過程中的每一個步驟:
1.處理HTML腳本,生成DOM樹
2.處理CSS腳本筐高,生成CSSOM樹 (DOM和CSSOM是獨立的數(shù)據(jù)結(jié)構(gòu))
3.將DOM樹和CSSOM樹合并為渲染樹
4.對渲染樹中的內(nèi)容進(jìn)行布局搜囱,計算每個節(jié)點的幾何外觀
5.將渲染樹中的每個節(jié)點繪制到屏幕中
Headless Browser實際就是節(jié)約了第4,5步的時間。
3年前柑土,無頭瀏覽器 PhantomJS 已經(jīng)如火如荼出現(xiàn)了蜀肘,緊跟著 NightmareJS 也成為一名巨星。無頭瀏覽器帶來巨大便利性:頁面爬蟲稽屏、自動化測試扮宠、WebAutomation...用過PhantomJS的都知道,它的環(huán)境是運行在一個封閉的沙盒里面狐榔,在環(huán)境內(nèi)外完全不可通信坛增,包括API、變量薄腻、全局方法調(diào)用等收捣。
Headless Chrome和Python
在發(fā)布Headless Chrome之前,當(dāng)你需要自動化瀏覽器的時候隨時都有可能涉及多個窗口或標(biāo)簽庵楷,你必須擔(dān)心CPU和/或內(nèi)存的使用罢艾。這兩種方式都與必須從被請求的URL中顯示顯示的圖形的瀏覽器相關(guān)聯(lián)。
當(dāng)使用一個無頭的瀏覽器時尽纽,我們不用擔(dān)心這個咐蚯。因此,我們可以預(yù)期我們編寫的腳本的內(nèi)存開銷會降低弄贿,執(zhí)行速度也會更快春锋。
而Chrome從59版本開始 推出了 headless mode(當(dāng)時僅支持Mac和Linux),而目前最新的Chrome63版已經(jīng)開始在windows上支持headless mode差凹。
安裝Headless Chrome 在windows
Selenium操作chrome瀏覽器需要有ChromeDriver驅(qū)動來協(xié)助看疙。
什么是ChromeDriver豆拨?
ChromeDriver是Chromium team開發(fā)維護(hù)的,它是實現(xiàn)WebDriver有線協(xié)議的一個單獨的服務(wù)能庆。ChromeDriver通過chrome的自動代理框架控制瀏覽器施禾,建議從以下地址直接下載最新的版本:ChromeDriver 2.34
它才可以支持Chrome v61-63。
可以將此driver放置于:C:\Program Files\Google\Chrome\Application\ (對應(yīng)的Chrome安裝目錄下)
安裝Selenium 在windows
cmd命令里面運行:
$pip install selenium
編寫對應(yīng)的腳本
編寫一個對應(yīng)的百度搜索的腳本
import os
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.chrome.options import Options
import time
chrome_options = Options()
chrome_options.add_argument("--headless")
base_url = "http://www.baidu.com/"
#對應(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)
以上的腳本運行完成后搁胆,你會在你的當(dāng)前目錄看到一個類似于下面畫面的screen.png.
可以看出上面的寫法和直接使用Selenium調(diào)用Chrome瀏覽器的時候極其類似弥搞,只是多添加了對chrome_options的重寫。
據(jù)運行的試驗表明渠旁,Headelss 的確比Headed的瀏覽器在內(nèi)存消耗攀例,運行時間,CPU占用上面都有一定的優(yōu)勢顾腊。
使用Headless Chrome也許能讓你的自動化測試運行更快粤铭,而且在視覺測試上面也有一定的優(yōu)勢。感興趣的朋友可以上手試試杂靶。