網(wǎng)友解答: 我想大多數(shù)人會(huì)遇到這個(gè)問題，您需要在一個(gè)或多個(gè)瀏覽器中測(cè)試您的工作，以確保它能正常工作。這是我們通常稱為跨瀏覽器測(cè)試的過程，因?yàn)槟诓煌臑g覽器中進(jìn)行測(cè)試。乍一看，這聽起來很

網(wǎng)友解答:

我想大多數(shù)人會(huì)遇到這個(gè)問題，您需要在一個(gè)或多個(gè)瀏覽器中測(cè)試您的工作，以確保它能正常工作。這是我們通常稱為跨瀏覽器測(cè)試的過程，因?yàn)槟诓煌臑g覽器中進(jìn)行測(cè)試。乍一看，這聽起來很簡(jiǎn)單，而且很簡(jiǎn)單。不幸的是，有不同的瀏覽器。但不是所有的瀏覽器都能運(yùn)行在你選擇的平臺(tái)上。

比方說，您正在使用Mac，因此您可以使用Google Chrome和Mozilla Firefox進(jìn)行測(cè)試。但是，如果您想對(duì)Internet Explorer或新的Microsoft瀏覽器Microsoft Edge進(jìn)行測(cè)試，則需要使用一些虛擬機(jī)或工具來完成此測(cè)試，因?yàn)镮nternet Explorer不能在Mac OS上運(yùn)行。

在線測(cè)試解決方案如何工作？

你可以用來做這個(gè)測(cè)試的第一件事是可用的在線工具之一。那么，這些工具是如何工作的呢？如果你看下面的圖表，這很容易。

在本地計(jì)算機(jī)上，您可以啟動(dòng)瀏覽器。如果您想使用Internet Explorer進(jìn)行測(cè)試，則無法直接在該機(jī)器上啟動(dòng)它。這些在線工具所做的是，它將在云中啟動(dòng)一個(gè)虛擬機(jī)，在該虛擬機(jī)中您要測(cè)試的實(shí)際瀏覽器正在運(yùn)行。比方說，如果您在左手邊有Mac OS，那么您將啟動(dòng)在Mac OS上運(yùn)行的Safari瀏覽器，并連接到一個(gè)在線解決方案，該解決方案將為您提供運(yùn)行Windows的虛擬機(jī)，并在此虛擬機(jī)然后Internet Explorer可以運(yùn)行。

然后，您的瀏覽器和云端瀏覽器之間的連接將通過Internet進(jìn)行，因此您將使用連接等遠(yuǎn)程桌面來查看瀏覽器。然后在線瀏覽器將連接到正在測(cè)試的頁面，只要它在公共Internet上可用。這當(dāng)然有一個(gè)好處，那就是你的機(jī)器已經(jīng)不在這里了。只要你有一個(gè)瀏覽器，你的本地機(jī)器運(yùn)行的操作系統(tǒng)是完全不相關(guān)的，你將能夠很好的測(cè)試。缺點(diǎn)是您要測(cè)試的頁面必須可用于公共Internet，否則虛擬機(jī)和云將無法訪問。所有這些來回瀏覽器的遠(yuǎn)程會(huì)話通過互聯(lián)網(wǎng)來回傳播會(huì)引起網(wǎng)絡(luò)延遲。

它會(huì)延遲用戶的輸入，例如，你將無法快速看到動(dòng)畫。此外，你依靠你的互聯(lián)網(wǎng)連接，這必須相當(dāng)快，這是一個(gè)很實(shí)用的經(jīng)驗(yàn)。

假設(shè)您要測(cè)試在內(nèi)部分段環(huán)境或本地計(jì)算機(jī)上運(yùn)行的頁面。在這種情況下，解決方案將不會(huì)像這樣工作。正如我們?cè)谙旅娴膱D表中看到的，我們需要添加另一個(gè)工具來使其工作。

現(xiàn)在可以通過使用所謂的VPN來完成測(cè)試，該VPN將在線虛擬機(jī)連接到本地機(jī)器/網(wǎng)絡(luò)。這個(gè)過程就是你在本地運(yùn)行的瀏覽器將通過互聯(lián)網(wǎng)連接到在線虛擬機(jī)中的瀏覽器，然后它內(nèi)部的瀏覽器將轉(zhuǎn)向，并通過VPN連接到本地計(jì)算機(jī)，正在測(cè)試的頁面。

當(dāng)然這會(huì)使整個(gè)過程增加兩個(gè)復(fù)雜性。首先，你將有更多的網(wǎng)絡(luò)延遲，并且你在VPN里面有加密。另一件事是，如果你在一個(gè)更大的公司工作，這個(gè)VPN隧道將需要一些IT批準(zhǔn)和防火墻的改變。

盡管這些在線測(cè)試解決方案使得完全可以測(cè)試任何類型的頁面，即使它不能在公共互聯(lián)網(wǎng)上使用，也可能在細(xì)節(jié)上變得混亂。

內(nèi)部解決方案如何工作？

那么這里有什么選擇？那么，另一種方法是可以從整個(gè)過程中刪除這個(gè)在線虛擬機(jī)，以便于測(cè)試。這就是內(nèi)部解決方案的來源。

我們?cè)賮砜纯磧蓚€(gè)具有內(nèi)部部署測(cè)試解決方案的例子。更簡(jiǎn)單的例子是，你有一個(gè)被測(cè)試的頁面，這個(gè)頁面可以在公共互聯(lián)網(wǎng)上看到，供大家看，而你想在一個(gè)或多個(gè)特定的瀏覽器中測(cè)試這個(gè)頁面?，F(xiàn)在在圖中，我們可以看到本地計(jì)算機(jī)直接運(yùn)行測(cè)試瀏覽器。

作為一個(gè)例子，讓我們拿谷歌瀏覽器。您可能不想將其安裝在您的機(jī)器上，尤其是不能用于測(cè)試的20個(gè)不同版本。這可以由在本地機(jī)器上直接運(yùn)行該瀏覽器的本地解決方案工具來處理，并可以連接到Internet和被測(cè)頁面。我們已經(jīng)消除了瀏覽器和在線虛擬機(jī)之間網(wǎng)絡(luò)延遲的整個(gè)過程。

我在這里跳過的最明顯的事情是，并不是所有的瀏覽器都能在本機(jī)上運(yùn)行。我們將在這種情況下做什么？真的很簡(jiǎn)單，如果本地測(cè)試工具無法在您的計(jì)算機(jī)上本機(jī)運(yùn)行瀏覽器，則可以在本地計(jì)算機(jī)上啟動(dòng)虛擬機(jī)。我們已經(jīng)使用了更多的本地系統(tǒng)資源來對(duì)付因在云中運(yùn)行瀏覽器而導(dǎo)致的網(wǎng)絡(luò)速度減慢。

說實(shí)話，虛擬機(jī)需要在云中運(yùn)行真的沒有什么好的理由，因?yàn)槲覀儾荒塬@得任何真正的優(yōu)勢(shì)。如果我們不想測(cè)試一個(gè)公共互聯(lián)網(wǎng)可用的頁面，我們可以使這個(gè)更簡(jiǎn)單。

正如你在這個(gè)圖表中看到的那樣，現(xiàn)在在本地計(jì)算機(jī)上運(yùn)行的所有東西 使用內(nèi)部工具，您要測(cè)試的瀏覽器也在本地計(jì)算機(jī)上或本地計(jì)算機(jī)上的虛擬機(jī)上運(yùn)行。即使在本地機(jī)器處于安全實(shí)驗(yàn)室某處或者沒有任何互聯(lián)網(wǎng)訪問的極端情況下，這也給了我們直接的測(cè)試可能性。您仍然可以使用內(nèi)部部署解決方案，相比之下，在線解決方案不會(huì)脫機(jī)工作。

內(nèi)部解決方案的優(yōu)勢(shì)

現(xiàn)在您已經(jīng)知道這兩種方法是如何工作的，讓我們來看看內(nèi)部部署解決方案的優(yōu)點(diǎn)：

最明顯的優(yōu)點(diǎn)是您可以更輕松地測(cè)試本地或內(nèi)部的分段環(huán)境。有許多內(nèi)部應(yīng)用程序永遠(yuǎn)不可用于公共Internet，但仍然需要針對(duì)多個(gè)瀏覽器進(jìn)行測(cè)試。內(nèi)部部署測(cè)試的另一個(gè)巨大優(yōu)勢(shì)就是您的瀏覽器直接在您的機(jī)器上運(yùn)行的體驗(yàn)：它更原生。用戶交互和瀏覽器響應(yīng)之間的延遲較少。比方說，您正在測(cè)試動(dòng)畫，或者您正在測(cè)試瀏覽器中的視頻。這比在線解決方案更流暢。因?yàn)樗谀谋镜貦C(jī)器上運(yùn)行，所以您使用的數(shù)據(jù)不會(huì)傳送到任何第三方提供商。如果您需要HIPAA / PCI合規(guī)性，這是個(gè)好消息。在本地計(jì)算機(jī)上運(yùn)行應(yīng)用程序?qū)τ趦?nèi)部IT部門來說也比使用云托管提供程序容易得多。最后一點(diǎn)是，所有在線解決方案都是基于訂閱的定價(jià)方式，所以您每月支付一筆固定的金額即可訪問所有的瀏覽器。另一方面，內(nèi)部部署解決方案通常是一次性購買，因?yàn)楣?yīng)商不需要支付任何正在進(jìn)行的服務(wù)器成本。

內(nèi)部解決方案

我們來看看兩種不同的解決方案，可以在本地使用。我想要展示的第一個(gè)被稱為MultiBrowser，這是一個(gè)僅限Windows的工具。

用于手動(dòng)測(cè)試的MultiBrowser工具有三個(gè)主要功能。最有用的功能是直接在本地計(jì)算機(jī)上啟動(dòng)不同的瀏覽器版本。在這個(gè)瀏覽器中，我們可以使用開發(fā)人員工具，插件以及測(cè)試所需的所有東西。MultiBrowser應(yīng)用程序的這種方式可以運(yùn)行不同的瀏覽器，而不需要安裝本地工具本身以外的任何東西。

也有可能測(cè)試設(shè)計(jì)的響應(yīng)性。該工具將能夠創(chuàng)建任何屏幕大小的屏幕截圖。這樣我們可以看到我們的頁面是否工作，并以不同的屏幕尺寸正確顯示。另外還集成了移動(dòng)模擬器，具有正確的屏幕尺寸，像素密度等等，以便用移動(dòng)設(shè)備進(jìn)行測(cè)試。

讓我們來看看另一個(gè)不同的工具，叫做BrowseEmAll。不同的是，這個(gè)工具是跨平臺(tái)兼容的，所以你可以在Mac OS，Linux和Windows上運(yùn)行它。再次，您可以使用實(shí)時(shí)測(cè)試功能來啟動(dòng)不同版本的瀏覽器，而不管它們是否安裝在本地計(jì)算機(jī)上。

當(dāng)然，這個(gè)也有移動(dòng)模擬器。差別主要在于UI體驗(yàn)。在這里，移動(dòng)模擬器將開始使用Google Chrome皮膚，而不是真正的設(shè)備皮膚。最后還有截圖，這次也適用于不同的瀏覽器。