headless chrome.png
Headless Browser(無頭的瀏覽器)是什么鬼?
簡而言之镇眷，Headless Browser是沒有圖形用戶界面(GUI)的web瀏覽器蟹演，通常是通過編程或命令行界面來控制的醉旦。
Headless Browser的許多用處之一是自動(dòng)化可用性測試或測試瀏覽器交互辜腺。如果您正在嘗試檢查頁面在不同的瀏覽器中呈現(xiàn)的方式肥矢，或者確認(rèn)頁面元素在用戶啟動(dòng)某個(gè)工作流之后出現(xiàn)哈垢，那么使用Headless Browser可以提供大量的幫助忠烛。除此之外概耻，如果內(nèi)容是動(dòng)態(tài)呈現(xiàn)的(比如通過Javascript)芥喇，web抓取等傳統(tǒng)的面向web的任務(wù)就很難做了西采。使用Headless Browser可以方便地訪問這些內(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等
先讓我們看看瀏覽器處理過程中的每一個(gè)步驟：
1.處理HTML腳本霹崎，生成DOM樹
2.處理CSS腳本珊搀，生成CSSOM樹? （DOM和CSSOM是獨(dú)立的數(shù)據(jù)結(jié)構(gòu)）
3.將DOM樹和CSSOM樹合并為渲染樹
4.對渲染樹中的內(nèi)容進(jìn)行布局，計(jì)算每個(gè)節(jié)點(diǎn)的幾何外觀
5.將渲染樹中的每個(gè)節(jié)點(diǎn)繪制到屏幕中
Headless Browser實(shí)際就是節(jié)約了第4,5步的時(shí)間尾菇。
3年前境析，無頭瀏覽器 PhantomJS 已經(jīng)如火如荼出現(xiàn)了，緊跟著 NightmareJS 也成為一名巨星派诬。無頭瀏覽器帶來巨大便利性：頁面爬蟲劳淆、自動(dòng)化測試、WebAutomation...用過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)存的使用。這兩種方式都與必須從被請求的URL中顯示顯示的圖形的瀏覽器相關(guān)聯(lián)冯挎。
當(dāng)使用一個(gè)無頭的瀏覽器時(shí)底哥，我們不用擔(dān)心這個(gè)。因此房官，我們可以預(yù)期我們編寫的腳本的內(nèi)存開銷會(huì)降低趾徽，執(zhí)行速度也會(huì)更快。
而Chrome從59版本開始 推出了 headless mode（當(dāng)時(shí)僅支持Mac和Linux）翰守，而目前最新的Chrome63版已經(jīng)開始在windows上支持headless mode孵奶。
安裝Headless Chrome 在windows
Selenium操作chrome瀏覽器需要有ChromeDriver驅(qū)動(dòng)來協(xié)助。
什么是ChromeDriver蜡峰？
ChromeDriver是Chromium team開發(fā)維護(hù)的了袁，它是實(shí)現(xiàn)WebDriver有線協(xié)議的一個(gè)單獨(dú)的服務(wù)。ChromeDriver通過chrome的自動(dòng)代理框架控制瀏覽器湿颅，建議從以下地址直接下載最新的版本：ChromeDriver 2.34
它才可以支持Chrome v61-63载绿。
可以將此driver放置于：C:\Program Files\Google\Chrome\Application\ （對應(yīng)的Chrome安裝目錄下）
安裝Selenium 在windows
cmd命令里面運(yùn)行：
$pip install selenium
編寫對應(yīng)的腳本
編寫一個(gè)對應(yīng)的百度搜索的腳本
importosfromseleniumimportwebdriverfromselenium.webdriver.common.keysimportKeysfromselenium.webdriver.chrome.optionsimportOptionsimporttimechrome_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)
以上的腳本運(yùn)行完成后，你會(huì)在你的當(dāng)前目錄看到一個(gè)類似于下面畫面的screen.png.
screen.png
可以看出上面的寫法和直接使用Selenium調(diào)用Chrome瀏覽器的時(shí)候極其類似油航，只是多添加了對chrome_options的重寫崭庸。
據(jù)運(yùn)行的試驗(yàn)表明，Headelss 的確比Headed的瀏覽器在內(nèi)存消耗，運(yùn)行時(shí)間怕享，CPU占用上面都有一定的優(yōu)勢执赡。
headless對比.png
使用Headless Chrome也許能讓你的自動(dòng)化測試運(yùn)行更快，而且在視覺測試上面也有一定的優(yōu)勢熬粗。感興趣的朋友可以上手試試搀玖。
作者：CC先生之簡書
鏈接：http://www.reibang.com/p/11d519e2d0cb
來源：簡書
簡書著作權(quán)歸作者所有余境，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處驻呐。
