青島網站建設之前端測試服務

時間：2016-06-26 16:57 來源：http://inclusivevacationscheap.com 作者：admin 點擊：4175次

　　不管是傳統企業站建設還是營銷型網站建設，我們在乎的無非就是有效流量。而如何提高有效流量最重要的就是降低網站的跳出率。如何降低網站的跳出率我們會在后續的文章中談及?，F在先來解決第一步的問題?，F在科技日新月異，終端設備的瀏覽器環境很復雜：瀏覽器內核可能不同、瀏覽器應用可能不同、分辨率可能不同、甚至到瀏覽器的關鍵配置可能不同。但是網站卻只有一個，怎么辦？最傳統的解決方式純粹是靠人工去實際測試。比如嘗試在不同的瀏覽器上去訪問網站查看顯示的效果或者修改電腦的分辨率去測試不同分辨率下的網站顯示效果；后來一些瀏覽器插件開發者開發了可以模擬不同瀏覽器以及分辨率的插件，使得人工成本又降低了一些，測試人員不再需要不停的切換工作環境；但是不管哪種方式，都離不開人的參與，然而在軟件開發領域，測試成本一直占據很高的成本。在敏捷開發中，測試和開發的迭代效率和軟件的開發成本掛鉤的。所以，如果有高效、智能的測試環境，一定會極大的提高開發效率和網站的水平。

　　目前市面上國內外的前端測試環境有很多，國內比較出名的就是阿里云的前端測試服務（http://fts.aliyun.com）以及iTest愛測試前端測試服務平臺（http://itest.aliyun.com/）。大家看兩個測試網站的域名就能發現，兩個平臺都是aliyun.com的二級域名，后續是否會被阿里巴巴收編值得我們關注。但就目前來說，兩者還是獨立的，功能和操作方式都有所不同。

提供的網站前端測試服務

兩者都提供一站式UI兼容性測試整體解決方案，致力于提升前端頁面開發測試效率。提供的測試服務包括：死鏈檢測，多瀏覽器截圖，多瀏覽器環境，自動化。從這點上看，兩者還是比較同質化的。下面我們分別來看兩個平臺的實操情況。

阿里云前端測試服務

死鏈檢測：根據用戶提供的url，解析頁面所包含的所有連接，發掘不可訪問鏈接，幫助用戶快速排查死鏈。
多瀏覽器截圖：根據用戶提供的url，自動在多個瀏覽器上截圖并展示。幫助用戶查看頁面在多個瀏覽器下的展示效果。
多瀏覽器環境：提供Web-Based真實瀏覽器操作環境，一鍵打開，方便用戶快速選用特定的瀏覽器對頁面進行查看
自動化：多瀏覽器自動化功能為UI測試同學提供了云端機器分布式執行腳本，并返回多瀏覽器運行結果的功能，測試同學無需準備和維護執行環境。操作簡單，通過Abite工具在Chrome瀏覽器錄制自動化腳本，上傳至FTS運行即可。

新建死鏈檢測任務

1.點擊‘死鏈檢測’鏈接或‘立即使用’按鈕
青島網站建設之前端測試服務 help_link_add_1
2.選擇檢測范圍，輸入所要檢測的url，點擊‘開始檢測’按鈕，等待檢測完成：
所有 – 檢測站內、站外所有連接
僅站內鏈接 – 僅檢測所提供url域名內的鏈接
僅站外鏈接 – 不檢測所提供url域名內的鏈接，僅檢測其他域名的鏈接
青島網站建設之前端測試服務 help_link_add_2

青島網站建設之前端測試服務 help_link_add_3

青島網站建設之前端測試服務 help_link_add_4

新建多瀏覽器截圖任務

1.點擊‘多瀏覽器截圖’鏈接或‘立即使用’按鈕
青島網站建設之前端測試服務 help_pic_add_1
2.輸入需要進行截圖的網頁URL，選擇瀏覽器，點擊‘開始截圖’按鈕，等待任務執行結束
在任務執行過程中：
點擊某個瀏覽器縮略圖可查看大圖
點擊某個瀏覽器縮略圖右上角的刷新按鈕可以重新對該瀏覽器進行截圖
青島網站建設之前端測試服務 help_pic_add_2

青島網站建設之前端測試服務 help_pic_add_3

多瀏覽器環境使用方法

使用限制說明：每次使用最長時間為15分鐘，新的環境申請需要與上一次申請間隔至少5分鐘，每天最多申請20次。用戶同時只能使用一個環境。

1.點擊‘多瀏覽器環境’鏈接或‘立即使用’按鈕
青島網站建設之前端測試服務 help_env_1
2.點擊需要使用的瀏覽器
青島網站建設之前端測試服務 help_env_2
3.在地址欄輸入要訪問的網址即可
青島網站建設之前端測試服務 help_env_3

青島網站建設之前端測試服務 help_env_4

新建自動化任務

1.‘自動化’鏈接，在彈出的窗口中輸入要進行錄制的頁面URL，以淘寶主頁為例，輸入http://www.taobao.com
青島網站建設之前端測試服務 help_auto_add_1
2.輸入要錄制的頁面URL后，點擊確定。
被錄制頁面會在當前頁面中自動打開，同時ABITE錄制回放窗口會自動被打開，如圖，左邊為ABITE錄制窗口，右邊為要錄制的頁面
青島網站建設之前端測試服務 help_auto_add_2
3.開始錄制：
ABITE窗口和被錄制頁面打開后，鼠標移動到被錄制頁面，會有黃色高亮框跟隨鼠標的移動，此時已經進入錄制狀態，對頁面進行的點擊、輸入等操作將會被ABITE錄制下來。
青島網站建設之前端測試服務 help_auto_add_3
4.元素驗證：
鼠標移到需要驗證的元素上方，點擊右鍵，在右鍵菜單中點擊“驗證元素
青島網站建設之前端測試服務 help_auto_add_4
在ABITE窗口中彈出的驗證窗口，可選擇文本驗證，屬性驗證或css驗證。在驗證窗口點擊“完成”后便會生成相應的驗證代碼。
青島網站建設之前端測試服務 help_auto_add_5

青島網站建設之前端測試服務 help_auto_add_6

Abite插件安裝

1.簡介
ABITE是一款基于Chrome的、針對WEBUI測試的錄制回放插件，通過本地錄制并與FTS的多瀏覽器自動化功能相配合，努力打造真正無需編程、維護簡單的Web自動化測試。

Web自動化測試最大的問題是，由于頁面變化比較頻繁，小小的改動就可能導致以前的腳本失敗，維護成本太高。ABITE錄制回放，全力解決這一問題，希望有效降低Web測試的負擔，讓我們的測試工程師輕輕松松做自動化。其中ABITE有如下亮點:
（1）本地回放：頁面操作錄制為純javascript腳本，無需編寫代碼，不依賴任何開發環境（例如java/selenium），可直接在chrome瀏覽器中錄制和回放。
（2）FTS云端回放：錄制腳本上傳到FTS后可在FTS的云端多瀏覽器（IE8、IE9、IE10，Firefox、Chrome）環境上回放，并通過FTS提供的運行視頻、日志、截圖等方便快速的跟蹤腳本運行情況。
（3）快速更新：元素發生改變，導致回放失敗，可重新選擇元素，真正做到一鍵更新。

2.插件安裝：
點擊Abite安裝連接，點擊”添加到Chrome”按鈕。
青島網站建設之前端測試服務 help_auto_install_1
若chrome商店無法打開，則點擊Abite下載連接下載插件zip包，解壓后，打開chrome://extensions/,勾選”開發者模式”后將解壓后的ABITE文件夾拖到該頁面完成安裝。

愛測試前端測試服務

Automated User Interact(AUI)

一、AUI簡介

???????AUI是一款創新革命性的WEB-UI自動化測試產品，相比其他WEB-UI自動化測試框架，AUI自動化測試腳本的創建和維護都不需要您接觸腳本代碼，所有交互都是在WEB頁面上在線可視化使用。

???????它提供了在線的腳本錄制、腳本調試與維護等功能，您的腳本可以在本機回放進行功能測試，我們還提供云端腳本執行服務，可以定時在后臺回放腳本進行項目的持續集成、業務功能的回歸以及線上功能的監控等。

二、AUI安裝說明

2.1 AUI腳本錄制插件

???????AUI錄制插件是一個Chrome插件，若未安裝Chrome瀏覽器，請點我下載安裝Chrome瀏覽器

2.1.1 插件安裝

???????方法一：點我前往Chrome應用商店進行在線安裝

???????方法二：若Chrome應用商店無法訪問，請點我按照說明進行手動安裝

2.1.1 插件關閉與卸載

???????在Chrome瀏覽器地址欄中輸入chrome://extensions，找到“AUI錄制工具”后，即可進行關閉和卸載操作。

2.2 AUI腳本執行軟件

???????為了達到您的腳本回放調試的最優體驗，建議您安裝一個腳本執行軟件。

2.2.1 執行軟件安裝（點我查看操作系統）

Windows 64位操作系統：點我下載安裝包，完成后解壓ZIP包，右鍵管理員身份運行AuiAgent.exe
Windows 32位操作系統：點我下載安裝包，完成后解壓ZIP包，右鍵管理員身份運行AuiAgent.exe
MAC或Linux操作系統：請點我下載JAR包（32.5MB），命令行中執行以下命令（需要自行安裝Java執行環境）
nohup java -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5600 -jar aui.agent-1.0.0.jar &

2.2.1 執行軟件卸載

???????在安裝目錄（右鍵單擊AuiAgent.exe，查看屬性－> 快捷方式－>目標）下，請點擊“Uninstall.exe ”即可完成卸載。

三、AUI錄制插件-功能簡介

3.1 腳本錄制窗口

???????1. 任務用例列表中點擊會直接進入錄制窗口，在地址欄或者輸入框中輸入被測網站的URL即可開始錄制。