我們今天所知道的瀏覽器是否淘汰模型呢？沒有它，我們可以使用網(wǎng)絡(luò)嗎？第二個(gè)問題的答案是肯定的。無頭的瀏覽器會(huì)殺死網(wǎng)站設(shè)計(jì)嗎？相信大家都對這個(gè)問題很感興趣，那么本期高端網(wǎng)站設(shè)計(jì)公司Angle就給大家講解一下吧。

1、什么是無頭瀏覽器？

無頭瀏覽器已經(jīng)存在大約十年了。它們是基于標(biāo)準(zhǔn)渲染引擎（Chrome，Webkit，Gecko）的應(yīng)用程序，可以顯示網(wǎng)站內(nèi)容而無需實(shí)際顯示。他們?nèi)鄙倏梢暬挠脩艚缑?，他們是沒有頭部的。最初，開發(fā)無頭瀏覽器是為了允許對網(wǎng)站進(jìn)行快速和自動(dòng)的測試。通常這是通過呼叫級(jí)別接口（CLI）或定義的接口（API）發(fā)生的。根據(jù)請求，錯(cuò)誤消息將以屏幕截圖或其他指定方式發(fā)送出去。自從引入無頭瀏覽器以來，開發(fā)人員社區(qū)對它們的看法有所分歧。有些人認(rèn)為這項(xiàng)技術(shù)是胡說八道，而是會(huì)在一系列“正?！睘g覽器上測試其設(shè)計(jì)和應(yīng)用程序，這是合理的。畢竟訪問者也不會(huì)使用無頭瀏覽器。PhantomJS是其最流行的類型之一，它還會(huì)產(chǎn)生常規(guī)瀏覽器中不存在的錯(cuò)誤消息。這只是部分有用。

作為服務(wù)器端的基礎(chǔ)技術(shù)，Node.js在無頭瀏覽器的創(chuàng)建者中也非常受歡迎。ZombieJS是這種類型的某種現(xiàn)代標(biāo)本，該名稱已經(jīng)暗示無頭。與名稱所暗示的相反，ZombieJS據(jù)說非?？?，使其成為大規(guī)模高效測試的絕佳選擇。信心十足的無頭瀏覽器用戶欣賞通過無頭瀏覽器或快速，簡單的方式通過這些服務(wù)的全部組運(yùn)行大量自動(dòng)測試的能力。無頭瀏覽器的主要支持者是針對大量目標(biāo)受眾的復(fù)雜網(wǎng)站應(yīng)用程序的開發(fā)人員。具有中等產(chǎn)品和客戶范圍的普通網(wǎng)站設(shè)計(jì)人員實(shí)際上并不需要規(guī)模經(jīng)濟(jì)，這意味著他可能會(huì)選擇傳統(tǒng)方式。

2、無頭瀏覽器：Google擴(kuò)大收益

2009年，搜索引擎巨頭Google提出了以完全不同的方式使用無頭瀏覽器的想法。加利福尼亞人面臨著無法索引通過AJAX動(dòng)態(tài)生成的內(nèi)容的問題。最后此內(nèi)容僅在生成后才變成可索引的網(wǎng)站，因?yàn)槲覀冃枰褂脼g覽器才能正確呈現(xiàn)它們并使它們清晰可見。因此搜索引擎需要內(nèi)部瀏覽器以使內(nèi)容可用。說到做到，從那時(shí)起，Google一直使用無頭瀏覽器，只要頁面操作員采取一些預(yù)防措施，它們就可以讀取需要前端交互才能顯示的內(nèi)容。Bing正在使用類似的技術(shù)?，F(xiàn)在瀏覽器引擎的性能越來越高，這對無頭瀏覽器意味著什么？是的，他們的表現(xiàn)也越來越強(qiáng)。

3、漸進(jìn)式Web應(yīng)用程序（PWA）展示了我們的發(fā)展方向
每個(gè)漸進(jìn)式網(wǎng)站應(yīng)用程序（PWA）的核心技術(shù)之一就是所謂的服務(wù)工作者。這是一個(gè)JavaScript，能夠執(zhí)行功能，而無需完全調(diào)用網(wǎng)站。你可以在上述內(nèi)容中找到一些更詳細(xì)的說明。服務(wù)工作者是無頭網(wǎng)站本身的一部分，無頭瀏覽器和客戶端站點(diǎn)都可以使用它。這將無頭瀏覽器變成可以在服務(wù)器端處理編程過程的服務(wù)。這可能會(huì)使訪問者端的瀏覽器變得多余。

4、在無頭網(wǎng)站內(nèi)容上轉(zhuǎn)換為模塊
無頭瀏覽器具有模塊化預(yù)呈現(xiàn)的內(nèi)容。這些呈現(xiàn)的網(wǎng)站內(nèi)容可用于進(jìn)一步處理或顯示。不一定需要瀏覽器即可正確顯示它們。同時(shí)，本機(jī)應(yīng)用程序可以處理整個(gè)演示文稿，并在自己的UI中顯示預(yù)渲染的網(wǎng)絡(luò)摘要的結(jié)構(gòu)化布局。這些方法的示例包括Facebook Instant Articles或Google的AMP Project。在上面提到的內(nèi)容中說過Google應(yīng)該特別關(guān)注保護(hù)開放網(wǎng)絡(luò)。AMP是一個(gè)構(gòu)建塊。但是它不會(huì)受到無限制的批準(zhǔn)。開放網(wǎng)站標(biāo)準(zhǔn)的擁護(hù)者可能會(huì)喜歡上它。我認(rèn)為可以肯定地說，這些開放標(biāo)準(zhǔn)將來會(huì)變得越來越重要。但是，由于開放網(wǎng)站標(biāo)準(zhǔn)的勝利，普通網(wǎng)站設(shè)計(jì)師的喜悅很快就會(huì)消失。畢竟不再需要經(jīng)典的網(wǎng)站設(shè)計(jì)，而架構(gòu)方面已經(jīng)成為焦點(diǎn)。在查看AMP時(shí)，這方面變得非常清楚。高度標(biāo)準(zhǔn)化的顯示和通過Google服務(wù)器傳送內(nèi)容并不能滿足所有人的口味。該項(xiàng)目頗有爭議，但幾乎完全由發(fā)行商支持，內(nèi)容提供商似乎喜歡它。

那么這是否意味著設(shè)計(jì)和開發(fā)領(lǐng)域?qū)⒈贿M(jìn)一步分開？今天，至少在前端開發(fā)中，我們?nèi)匀豢吹蕉喾N學(xué)科。這是從網(wǎng)站設(shè)計(jì)人員在服務(wù)器上安裝軟件并以允許其正確顯示動(dòng)態(tài)內(nèi)容的方式調(diào)整CMS主題開始的。說到無頭，我們還應(yīng)該提到CMS的趨勢仍在繼續(xù)。甚至無需前端即可無頭運(yùn)行WordPress和WooCommerce。以標(biāo)準(zhǔn)化的形式，內(nèi)容可以從后端提取，并以任何所需的方式使用，例如：在專門為此目的而設(shè)計(jì)的移動(dòng)設(shè)備的本機(jī)應(yīng)用程序中。除了著名的市場參與者之外，還有從一開始就無腦的解決方案，使他們能夠在沒有傳統(tǒng)負(fù)擔(dān)的情況下運(yùn)行。一個(gè)示例是ButterCMS，它存在于Google Cloud中。另一個(gè)例子是Kentico Cloud，它也作為云SaaS運(yùn)行。當(dāng)前，尚無解決方案可擴(kuò)展無頭瀏覽器，因?yàn)樗鼈儫o法一次提供數(shù)千個(gè)實(shí)例。將來肯定會(huì)消除這種技術(shù)障礙，但到目前為止它仍然存在。至少在那時(shí)之前，有頭腦的網(wǎng)站不會(huì)變得多余。

以上就是Angle為大家講解的無頭的瀏覽器會(huì)殺死網(wǎng)站設(shè)計(jì)，結(jié)果可想而言是殺不死的。