首頁 運維 安全 Web測試中需要注意的細節有哪些

Web測試中需要注意的細節有哪些

May 16, 2023 am 09:55 AM
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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

如何使用python+Flask實作日誌在web網頁即時更新顯示 如何使用python+Flask實作日誌在web網頁即時更新顯示 May 17, 2023 am 11:07 AM

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

Nginx的Web伺服器caddy怎麼使用 Nginx的Web伺服器caddy怎麼使用 May 30, 2023 pm 12:19 PM

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

如何使用Golang實作網頁應用程式的表單驗證 如何使用Golang實作網頁應用程式的表單驗證 Jun 24, 2023 am 09:08 AM

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

Java API 開發中使用 Jetty7 進行 Web 伺服器處理 Java API 開發中使用 Jetty7 進行 Web 伺服器處理 Jun 18, 2023 am 10:42 AM

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

怎麼設定nginx保證frps伺服器與web共用80埠 怎麼設定nginx保證frps伺服器與web共用80埠 Jun 03, 2023 am 08:19 AM

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

Web 端即時防擋臉彈幕(基於機器學習) Web 端即時防擋臉彈幕(基於機器學習) Jun 10, 2023 pm 01:03 PM

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

web標準是什麼東西 web標準是什麼東西 Oct 18, 2023 pm 05:24 PM

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

如何從駕駛艙Web使用者介面啟用管理訪問 如何從駕駛艙Web使用者介面啟用管理訪問 Mar 20, 2024 pm 06:56 PM

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

See all articles