這次先能夠使用PC端的瀏覽器測試,首先需要下載官方的發布版本“WebPageTest 3.0”。
1. agent:瀏覽器代理軟件
2. mobile:移動端參數相關代碼
3. www:網站PHP代碼
也可以參考官方的Private Instance配置,不過文檔掛在google域名下,所以你懂得。我做了簡單的翻譯《私有實例》
官方文檔寫的非常拗口,但是還是有一定的參考價值。
一、PHP配置與軟件安裝
1)配置虛擬目錄
我用的Web服務器軟件是Apache。
首先要打開虛擬目錄的功能,如上所示,需要在httpd.conf中配置,以我本機為例,目錄在“D:\server\Apache24\conf”,如下圖所示。
然后在虛擬目錄文件中配置域名,還是以本機為例,目錄在“D:\server\Apache24\conf\extra”中,如下所示。
具體的配置內容如下圖所示。
輸入虛擬地址后,出現了熟悉的頁面,不過現在Location和Browser的兩個選項還沒有,需要額外配置。
2)安裝信息
在瀏覽器中輸入“mine.webpagetest.net/install/”查看還未安裝的信息:
如果有疑惑還可以直接查看“install/index.php”的源碼。
3)PHP修改
1. memory_limit
修改“php.ini”文件中的“memory_limit”
2. 安裝APC(the Alternative PHP Cache)
可選PHP緩存。將下載到的dll文件放到“PHP/ext”文件夾內。並在“php.ini”中添加擴展。
extension=php_apcu.dll
3. 安裝SQLite(一款輕型的數據庫)
先到下載頁面,將兩個壓縮包中的內容放到一個文件夾中,例如“C:\sqlite”內:
接着在環境變量中設置“Path”。
在“php.ini”中添加“php_sqlite3.dll”擴展。“ext”文件夾內默認有這個擴展,只是沒有打開。
extension=php_sqlite3.dll
二、系統工具安裝
1)ffmpeg
安裝ffmpeg(用於提取視頻縮略圖),這是一套可以用來記錄、轉換數字音頻、視頻,並能將其轉化為流的開源計算機程序。
功能包括視頻采集功能、視頻格式轉換、視頻抓圖、給視頻加水印等。windows版本的下載地址點擊這里。
下載下來有這么幾個文件夾,然后放到C盤內,再將放的位置在環境變量“Path”中設置一下。
刷新Install中的頁面,仍舊不是綠色的勾,在Apache的錯誤日志中提示:'ffmpeg' 不是內部或外部命令,也不是可運行的程序或批處理文件。
於是我給“ffmpeg.exe”加很多用戶組,但是還是不行,后面重啟了一下系統,顯示可以使用了。
2)imagemagick
安裝imagemagick,一個免費的創建、編輯、合成圖片的軟件。
它可以讀取、轉換、寫入多種格式的圖片。
圖片切割、顏色替換、各種效果的應用,圖片的旋轉、組合,文本,直線,多邊形,橢圓,曲線,附加到圖片伸展旋轉。
3)jpegtran
安裝jpegtran,這是一種JPEG圖片壓縮工具。將下載到的exe文件放到某個位置,再添加環境變量的“Path”路徑中。
4)exiftool
安裝exiftool,這是一款跨平台的圖片查看,制作和編輯的應用程序。與jpegtran一樣,設置“Path”路徑。
三、安裝Python2.7
1)安裝Python2.7
安裝Python2.7,一個msi文件,直接雙擊即可,不過還是要配一下“Path”路徑,每次配都要重啟一下。
需要安裝python的兩個模塊,Pillow和SSIM。
首先將“C:\Python27\Scripts”放到環境變量中,這樣就能使用“pip”命令了。
2)pillow
從visualmetrics中查看到,SSIM要安裝的名字是“pyssim”。
pip install pillow
3)pyssim
不過在安裝pyssim的時候出現了不和諧的錯誤。
pip install pyssim
先安裝“Microsoft Visual C++ Compiler for Python 2.7”。
根據stackoverflow的一篇文章的解答,修改了一下。但在安裝scipy的時候,又出現了新的問題。
在網上搜索找到了解決方案。在“Unofficial Windows Binaries for Python Extension Packages”中找到對應的“whl”文件。
分別下載“numpy”,“Microsoft Visual C++ 2008 X64”和“scipy”,將這兩個“whl”文件放到某個目錄中,“cmd”到這個目錄中,執行install命令。
pip install numpy-1.12.1+mkl-cp27-cp27m-win32.whl pip install scipy-0.19.0-cp27-cp27m-win32.whl
至此,所有需要安裝的軟件和需要配置的地方都已完畢。
四、桌面測試代理
代理的相關軟件和文件都在agent文件夾內,將此文件夾中的內容單獨拿出來,例如“C:\wpt-agent”內。
1)DummyNet
安裝DummyNet,DummyNet用於展示測試過程中的網絡活動情況,在DummyNet文件夾內有32位和64位操作系統的安裝包。
打開控制面板 ==》 網絡和共享中心 ==》 更改適配器設置 ==》 右鍵本地連接 ==》 屬性
Microsoft網絡客戶端==》安裝==》服務==》添加==》從磁盤安裝==》選擇“C:\wpt-agent\dummynet\64bit” ==》 確定安裝
2)locations.ini
配置地理位置locations.ini。
在“www/settings”中有個“locations.ini.sample”文件,這里面是示例,將后綴“sample”去除。
[locations] 1=Test_loc ; 這些是Test Location下拉列表中列出的頂級位置 ; 每一個都指向一個或多個瀏覽器配置 [Test_loc] 1=IE 2=Test label=Test Location group=Desktop ; browser就是測試代理wptdriver.ini中配置的瀏覽器 [IE] browser=IE9 connectivity=LAN label="Test Location - IE9" [Test] browser=Chrome,Firefox connectivity=LAN label="Test Location"
3)wptdriver.ini
配置wptdriver.ini文件,包括瀏覽器執行目錄等信息。
在原先的“agent”文件夾中有個“wptdriver.ini.sample”文件,同樣去掉后綴。
1. 提示下載
修改瀏覽器的路徑,注釋installer。點擊aptdriver.exe,提示我下載flash
注釋掉“spftware”就不會出現這個錯誤提示了。
2. 瀏覽器閃退
輸入URL點擊“START TEST”后跳出了這個提示,並且瀏覽器會閃退。
后面在“wptdriver.ini”中加了debug參數后就不會閃退了,但那提示還在。
[WebPagetest] debug=1
一切就緒后,wptdriver窗口內顯示:
3. 代理連接
接下來查看“install”頁面,發現兩個都沒連接上。
將“wptdriver.ini”中的location改成“IE,Test”即可,有個類似的說明可以參考《WebPagetest參數》,不過參數名字不同。
[WebPagetest] location=IE,Test
4. 空數據
再次點擊開始測試,進入到結果頁面,出現下面的空數據。
在官方論壇中也看到了這么一個問題,已被作者解答,只需要在“settings/locations.ini”文件中新增連接屬性即可
[Test] browser=Chrome,Firefox connectivity=LAN label="Test Location"
完整的“wptdriver.ini”文件如下:
[WebPagetest] url=http://mine2.webpagetest.net/ location=IE,Test ;browser=chrome Time Limit=120 ;防止瀏覽器閃退 debug=1 ;key=TestKey123 ;Automatically install and update support software (Flash, Silverlight, etc) ;software=http://mine.webpagetest.net/installers/software.dat [Chrome] exe="C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" options='--load-extension="%WPTDIR%\extension" --user-data-dir="%PROFILE%" --no-proxy-server' ;installer=http://mine.webpagetest.net/installers/browsers/chrome.dat [Firefox] exe="C:\Program Files (x86)\Mozilla Firefox\firefox.exe" options='-profile "%PROFILE%" -no-remote' ;installer=http://mine.webpagetest.net/installers/browsers/firefox.dat template=firefox [Safari] exe="C:\Program Files (x86)\Safari\Safari.exe" [IE9] exe="C:\Program Files (x86)\Internet Explorer\iexplore.exe"
4)START TEST
再次點擊測試,將會獲得熟悉的頁面。
相關軟件下載:
http://download.csdn.net/download/loneleaf1/9808719
QQ交流群:156140744
參考資料:
Windows下用PIP安裝scipy出現no lapack/blas resources found