Web測試中需要注意的細節有哪些
1、頁面顯示部分
(1)首先關注頁面是否能顯示完整,包括不同瀏覽器的是否能完整顯示,在實際測試中經常發現有的頁面或者是頁面的彈窗無法完全顯示
(2)頁面中的動畫效果或字型效果是否能正確顯示
(3)頁面中有些表單項目與輸入框,輸入域以及下拉框等是否存在預設提示,是否存在部分提示部分不提示的情況
(4)資料列表中存在多條資料是否分頁顯示,以及分頁操作後頁面是否正常跳轉
2、頁面解析度:
頁面版式在640x400、600x800 或1024x768 的解析度模式下是否顯示正常? 字體是否太小以至於無法瀏覽? 或者是太大?文字和圖片是否對齊?
通常是電腦的預設分辨率,但還是會有一些老式電腦存在1024*768的情況
#3、單一功能測試
a:連續增加
注意:增加完成後查看資料列表中,不顯示或顯示暫無的字段,觀察是否沒有增加進去
b:增加後刪除
注意:刪除是否有提示訊息,點擊確定方可刪除
c:增加刪除再增加
d:連續刪除
#e:增加後修改
注意:修改過程中如果修改了下拉框表單項,對應的資料是否改變
f:連續修改
4、瀏覽器的相容性:
瀏覽器是Web客戶端最核心的構件,來自不同廠商的瀏覽器對Java、javascript、 ActiveX、 plug-ins或不同的HTML規格有不同的支援。測試瀏覽器相容性的一個方法是建立一個相容性矩陣。在這個矩陣中,測試不同廠商、不同版本的瀏覽器對某些構件和設定的適應性。
5、易用性:
有些使用者在瀏覽網頁時喜歡使用鍵盤上的快捷鍵,因此在測試時要注意快捷鍵是否設定。通常需要設定的快捷鍵有以下幾個。
Tab鍵的使用:頁面中支援tab按鍵切換
Enter鍵的使用:頁面中的某些確定按鈕可以使用enter鍵盤取代
前進和後退:使用者前進和後退有可能會造成資料不完整的提交,重複提交,或其他的顯示問題
使用者刪除某個資料前,需要提示使用者是否刪除,預設焦點選擇為「否」
頁面的提示語言,js提示語言,程式提示語言:
提示風格不一樣,或表達不夠清晰
6、微軟語言標準:
#全角字元和半角字元都要使用一個空格分開
英文和數字直接要有空格分開
#漢字和英文,數字要有空格分開
#有漢字的話要用全角字符
語言中不要混用全角和半角標點
在語言中,永遠不要用“你”這個字,要做進一步的步驟描敘的時候,要多用“請」字
7、文字的縮略和折行:
輸入框提交很長的字符,並且不折行,則提交後,頁面有可能被拉的非常長,如果要將文字後面的一些文字處理為省略號,需要注意不要將中文截成半個字符
#8、圖片的顯示和鏈接:
圖片是否增加鏈接通常被開發人員忽略
圖片的顯示位置通常會顯示不同像素大小和比例的圖,所以要明確定義圖片的處理策略
9、重複提交:
使用者提交資料頁面,使用者有可能連續多次點擊提交按鈕,造成資料的重複提交
使用者點擊「提交」後,將按鈕變成Disable狀態
10、輸入判斷問題:
所有鍵盤輸入的特殊字符,均可以正常保存
需要特別出處理英文單引號,英文雙引號等引起的程序錯誤的問題
需要處理“< ;”“/” “\”等容易保存出錯的符號
做出特殊模組的字元規劃
11、多個IE同時存取的情況:
用戶可能打開不同的IE使用相同的帳戶去進行操作,資料是否一致性和同步的問題
多個IE使用不同用戶,cookie操作會不會出現用戶資訊混亂的問題
#12、安全性考量:
不要把密碼等敏感的使用者資訊明文的顯示在url中
即使是傳遞密碼參數,也不要用pwd,passpord這樣的參數名稱來進行傳遞,防止被截獲
要在傳遞參數的操作中使用NoCache參數,防止將url參數進行快取
13、防止Sql注入:
不要把資料庫或程式的如何報錯資訊顯示在頁面上
最好程式能夠將select、update、delete 這些關鍵字都過濾掉,不讓使用者提交包含這些資料的資訊
資料庫中設計到操作權限的表名和字段名別用很通俗易懂的名字
輸入框盡量過濾掉“<>”這樣的字符,防止javascript攻擊
##14、關於Cookie :Cookies通常用來儲存使用者資訊和使用者在某應用系統的操作,當一個使用者使用Cookies存取了某一個應用系統時,Web伺服器將發送關於使用者的信息,把該資訊以Cookies的形式儲存在在客戶端電腦上,這可用於建立動態和自訂頁面或儲存登陸等資訊。
注意點:
Cookie沒有設定過期時間
IE不支援Cookie的時候沒有如何提示訊息
Cookie中的敏感資訊沒有進行加密
15、各種資源連結的釋放:
有時候系統莫名存取不了,則有可能是資料庫的連結沒有釋放
壓力測試的時候,連接釋放如果效率不高,則有可能出現大量連接超時失敗
預防:系統資源的釋放過程,最好通過代碼review的方式來互相監督
16、關於Keepalive的設置:
如果需要在一個連線同時取得多個資源,則需要開啟apache或resin的Keepalive參數為On,來提高系統的處理能力,減少多次建立連線所消耗的資源,如果大量的處理只是一次性連接,則不要打開。
預防:在實際工作中,需要將keepalive分別設定為On或Off來驗證哪個設定的效能較好。
系統上線後的log設定:
上線以後,要關閉無用大量偵錯log資訊,不要開啟過多的log
#以上是Web測試中需要注意的細節有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

一、日誌輸出到檔案使用模組:logging可以產生自訂等級日誌,可以輸出日誌到指定路徑日誌等級:debug(偵錯日誌)=5){clearTimeout(time)//如果連續10次取得的都是空日誌清除定時任務}return}if(data.log_type==2){//如果取得到新日誌for(i=0;i

Caddy簡介Caddy是一款功能強大,擴展性高的Web伺服器,目前在Github上已有38K+Star。 Caddy採用Go語言編寫,可用於靜態資源託管和反向代理。 Caddy具有以下主要特性:比較Nginx複雜的配置,其獨創的Caddyfile配置非常簡單;可以透過其提供的AdminAPI實現動態修改配置;預設支援自動化HTTPS配置,能自動申請HTTPS憑證並進行配置;能夠擴展到數以萬計的站點;可以在任意地方執行,沒有額外的依賴;採用Go語言編寫,內存安全更有保證。安裝首先我們直接在CentO

表單驗證是Web應用程式開發中非常重要的環節,它能夠在提交表單資料之前對資料進行有效性檢查,避免應用程式出現安全漏洞和資料錯誤。使用Golang可以輕鬆實現網頁應用程式的表單驗證,本文將介紹如何使用Golang來實作網頁應用程式的表單驗證。一、表單驗證的基本要素在介紹如何實作表單驗證之前,我們需要知道表單驗證的基本要素是什麼。表單元素:表單元素是指

JavaAPI開發中使用Jetty7進行Web伺服器處理隨著互聯網的發展,Web伺服器已經成為了應用程式開發的核心部分,同時也是許多企業所關注的焦點。為了滿足日益增長的業務需求,許多開發人員選擇使用Jetty進行Web伺服器開發,其靈活性和可擴展性受到了廣泛的認可。本文將介紹如何在JavaAPI開發中使用Jetty7進行We

首先你會有個疑惑,frp是什麼呢?簡單的說frp就是內網穿透工具,配置客戶端以後,可以透過伺服器來存取內部網路。現在我的伺服器,已經用nginx做站了,80端口只有一個,那如果frp的服務端也想使用80端口,那該怎麼辦呢?經過查詢,這個是可以實現的,就是利用nginx的反向代理來實現。補充一下:frps就是伺服器端(server),frpc就是客戶端(client)。第一步:修改伺服器中nginx.conf設定檔在nginx.conf中http{}裡加入以下參數,server{listen80

防擋臉彈幕,即大量彈幕飄過,但不會遮擋視訊畫面中的人物,看起來像是從人物背後飄過去的。機器學習已經火了好幾年了,但很多人都不知道瀏覽器中也能運行這些能力;本文介紹在視頻彈幕方面的實踐優化過程,文末列舉了一些本方案可適用的場景,期望能開啟一些腦洞。 mediapipeDemo(https://google.github.io/mediapipe/)展示主流防擋臉彈幕實現原理點播up上傳視訊伺服器後台計算提取視訊畫面中的人像區域,轉換成svg儲存用戶端播放視訊的同時,從伺服器下載svg與彈幕合成,人像

Web標準是一組由W3C和其他相關組織制定的規範和指南,它包括HTML、CSS、JavaScript、DOM、Web可訪問性和性能優化等方面的標準化,透過遵循這些標準,可以提高頁面的兼容性、可訪問性、可維護性和效能。 Web標準的目標是使Web內容能夠在不同的平台、瀏覽器和裝置上一致地展示和交互,提供更好的使用者體驗和開發效率。

Cockpit是一個面向Linux伺服器的基於Web的圖形介面。它主要是為了使新用戶/專家用戶更容易管理Linux伺服器。在本文中,我們將討論Cockpit存取模式以及如何從CockpitWebUI切換Cockpit的管理存取。內容主題:駕駛艙進入模式查找當前駕駛艙訪問模式從CockpitWebUI啟用Cockpit的管理訪問從CockpitWebUI禁用Cockpit的管理訪問結論駕駛艙進入模式駕駛艙有兩種訪問模式:受限訪問:這是駕駛艙的默認訪問模式。在這種存取模式下,您無法從駕駛艙Web用戶
