【天線貓SEO優(yōu)化公司tianxianmao優(yōu)化資訊】

關(guān)于網(wǎng)站測試的幾個(gè)小套路自動化，希望對(duì)大家有所幫助。

wangzhanceshi因?yàn)樗趫F(tuán)隊(duì)沒有專業(yè)測試人員高品質，所以測試工作由我這個(gè)產(chǎn)品新人來負(fù)責(zé)不折不扣。本文是抱著總結(jié)才能提升的小心思，想來簡單寫寫從測試零經(jīng)驗(yàn)到開發(fā)葛葛“談心”的次數(shù)逐漸變少健康發展，這期間所踩過得坑和心得體會(huì)有效保障。

一、UI測試

用戶界面測試主要是拿待測網(wǎng)頁和設(shè)計(jì)稿進(jìn)行對(duì)比長效機製，個(gè)人覺得主要需做到以下4點(diǎn)：

1.注重細(xì)節(jié)：

這點(diǎn)很基本講實踐，就是對(duì)比時(shí)細(xì)心、細(xì)心再細(xì)心營造一處。像我現(xiàn)在被虐到網(wǎng)頁上元素和設(shè)計(jì)稿差一個(gè)像素都能看出來…

2.勿忘整體性：

由于PC網(wǎng)頁頁面空間大改革創新，模塊多，很簡單在測試時(shí)只注重到模塊內(nèi)設(shè)計(jì)元素是否正確取得顯著成效，而忽略了模塊間的間距或整個(gè)頁面的布局是否正確新模式。所以很好按照由局部到整體的順序測試。

3.注重頁面間相互對(duì)比：

即注重相同系列頁面不容忽視、頁簽布局一致性組織了。就是說的是同一系列頁面中同類元素和模塊的樣式、間距一般要相同說服力；同一個(gè)tab下搶抓機遇，不同選項(xiàng)對(duì)應(yīng)的頁簽中同類元素和模塊的樣式分析、間距一般要相同。例如下圖QQ空間-日志頁面里我的日志和私密日記tab中全面闡釋，紅框圈出的位置高度是否一致非常激烈。

一般情況下這些不一致問題出現(xiàn)的情況不多，究竟相類似的布局前端同學(xué)應(yīng)該會(huì)用相同的盒子引人註目，但是測試時(shí)還是需要留意領域。

4.注重極端情況下顯示情況：

即要注重長度可變的元件、模塊或字段在極端情況下的顯示是否正常好宣講。

例如：文章標(biāo)題很多可顯示50字符（25漢字）註入新的動力，測試時(shí)就要在所有會(huì)出現(xiàn)標(biāo)題的位置（文章列表頁、推薦邊欄新產品、轉(zhuǎn)發(fā)彈框…）是否能正常顯示含有50字符的標(biāo)題去完善，會(huì)不會(huì)出現(xiàn)破框而出、自動(dòng)切掉等情況長遠所需。

由于UI測試時(shí)需要檢查的細(xì)節(jié)很多求索，尤其是像我們團(tuán)隊(duì)，網(wǎng)站還在搭建中并未上線規模，UI測試的工作量更是大穩定發展，測久了難免會(huì)覺得枯燥繁瑣，但其實(shí)每項(xiàng)任務(wù)都能總結(jié)出套路聯動、有所收獲增持能力，故下面僅列出我平時(shí)在測這部分時(shí)的主要注重點(diǎn)和心得。

UI測試注重點(diǎn)總結(jié)：

模塊間距

元素間距

不同類型文本（數(shù)字行業內卷、漢字影響、英文）顏色、格式（全角的過程中、半角）大小發展契機、字體、（不必須）

固定文案：內(nèi)容的可讀性促進進步、正確性?排版的合理性

可變字段：極多發力、極少文字的排版情況

Icon用錯(cuò)、用混

相似頁面的差異性和一致性

小體會(huì)：

其實(shí)界面測試雖然沒啥技術(shù)含量迎來新的篇章，但測久了就會(huì)發(fā)現(xiàn)自己對(duì)網(wǎng)頁元素有時(shí)彼此間的間距差了1上海關(guān)鍵詞seo優(yōu)化共創美好、2個(gè)像素，整體的視覺效果就尺寸和布局的敏感度有提升薄弱點，例如像同樣一組元素覆蓋範圍，會(huì)大有不同，web是這樣，移動(dòng)端更是如此實踐者。

隨手畫張圖舉個(gè)栗子：左圖網(wǎng)頁做出來名稱取得明顯成效、作者、互動(dòng)統(tǒng)計(jì)三者之間行距相等數據，中文字大小相同，而設(shè)計(jì)稿原本應(yīng)如右圖發揮，行距不同顯著，不同字段的字號(hào)也不同。所以假如測試時(shí)碰到類似這種問題開放以來，我們除了可以提個(gè)bug占，還會(huì)被引導(dǎo)去思考設(shè)計(jì)初衷，即利用間距細(xì)微差異進(jìn)行視覺分組提供了有力支撐，利用字號(hào)細(xì)微差異突出主次激發創作。

二、功能測試

1.操作反應(yīng)：

（1）頁面元素（按鈕進一步意見、錨文本增幅最大、輸入框…）自身狀態(tài)變化：鼠標(biāo)移入/移出時(shí)效果、點(diǎn)擊后效果生產能力、獲取/失去焦點(diǎn)時(shí)效果…（可以想想axure里的用例狀態(tài)）

eg：鼠標(biāo)移入按鈕標準，按鈕是底色是否應(yīng)改變；若輸入框內(nèi)有默認(rèn)提示文字處理方法，則是當(dāng)輸入框獲得焦點(diǎn)后文字就消失重要作用，還是用戶輸入文字后提示文字才消失…

（2）操作成功后續(xù)反應(yīng)：頁面跳轉(zhuǎn)、彈框習慣、提示文字…

a.頁面跳轉(zhuǎn)：

頁面切換方式：另開頁面充足、本頁切換

頁面起始定位：頁面起始位置、頁面其他錨點(diǎn)（例如用戶想評(píng)論某文章的積極性，在列表頁點(diǎn)評(píng)論按鈕后綠色化發展，就會(huì)在另開的文章內(nèi)容頁直接定位到評(píng)論區(qū)）

b.彈框：

匹配情況：彈出的彈框是否和觸發(fā)條件匹配

出現(xiàn)位置：一般情況下要一致。因?yàn)閺椏蚴褂貌煌寮笮袆?，可能?dǎo)致彈出位置不同左右。

顯示時(shí)間（非操作類彈框）：某些僅起到提示功能的彈框會(huì)自動(dòng)顯示若干秒關(guān)閉。一般情況此類彈框上文案較少綜合措施，顯示秒數(shù)應(yīng)該是全站一致的可靠保障。

c.提示文字：

匹配情況：出現(xiàn)的提示文案是否和觸發(fā)條件匹配

關(guān)于操作成功后續(xù)反應(yīng)，以上主要是在已確定會(huì)觸發(fā)某反應(yīng)情況下設計標準，測試其正確性開展。其實(shí)這里更重要的是要考慮在前置條件不同的情況下，對(duì)某元素進(jìn)行相同操作發揮重要帶動作用，會(huì)觸發(fā)什么不同的反應(yīng)意向。即需要對(duì)各類情況進(jìn)行窮舉意料之外。

eg：點(diǎn)擊關(guān)注按鈕觸發(fā)反應(yīng)窮舉：

a.未登錄用戶點(diǎn)擊該按鈕后效果；

b.已登錄用戶點(diǎn)擊該按鈕后效果（b1.未關(guān)注過對(duì)方形式、b2.已關(guān)注過對(duì)方置之不顧、b3.自己關(guān)注自己）

窮舉時(shí)可以參考PRD，但不要局限于PRD上列出的情況數字化，究竟有時(shí)也許PRD上會(huì)有小疏漏方便，要是程序員做的時(shí)候發(fā)現(xiàn)疏漏，就自己隨手碼了一個(gè)簡易提示而忘記通知產(chǎn)品各領域，而測試的時(shí)候也沒觸發(fā)到應用領域，等用戶實(shí)際操作出來就會(huì)造成不佳的用戶體驗(yàn)。

2.數(shù)據(jù)：

（1）數(shù)據(jù)狀態(tài)：此處指數(shù)據(jù)值自身的狀態(tài)進行培訓。即前置條件滿足后發展機遇，數(shù)據(jù)狀態(tài)是否會(huì)按照規(guī)則更新。

這里的規(guī)則一般是

a.時(shí)間規(guī)則（eg：經(jīng)過多長時(shí)間數(shù)據(jù)狀態(tài)改變法治力量；在哪個(gè)時(shí)間點(diǎn)更新…）全技術方案；

b.統(tǒng)計(jì)規(guī)則（eg：每個(gè)ID多次完成前置操作，數(shù)據(jù)更新多次紮實；每個(gè)ID多次完成前置操作效高化，數(shù)據(jù)僅更新一次；每個(gè)ID…）

（2）數(shù)據(jù)排序：數(shù)據(jù)在某篩選條件下排序的正確性投入力度。

eg：某寶某店鋪商品展示頁面創造，當(dāng)用戶選擇按銷量由高到低排序時(shí)，列表是否變?yōu)榘翠N售量多到寡進(jìn)行排序貢獻法治；當(dāng)商品A的銷量超過商品B的時(shí)候設備製造，商品A的位置是否會(huì)更換到商品B的前面。

3.尤其情況：

（1）缺省情況：當(dāng)某頁面或模塊還沒有內(nèi)容或尚未加載出來時(shí)攻堅克難，是否有相關(guān)提示畫面管理、文案。

（2）操作中斷：用戶操作中途退出頁面（eg：填寫資料并尚未保存時(shí)關(guān)閉頁面）雙向互動；操作中途斷網(wǎng)…這些情況下是否天線貓?jiān)O(shè)置了相關(guān)提醒彈框效率和安。

三、兼容性測試

不同瀏覽器（360品牌、谷歌深入開展、火狐等等主流瀏覽器）下的頁面顯示情況是否正常。

四等形式、怎樣測試才能少被開發(fā)懟技術的開發？

1、用例盡量輔助截圖：

由于我們公司還沒有bug治理工具，測試反饋都是用excel撰寫的更高效，因此我非常能理解程序員葛葛們看著密密麻麻的文檔時(shí)全面協議，心里一萬只草泥馬呼嘯而過的心情。而輔助頁面截圖具體而言，一方面表達(dá)更清楚工具，減少文字描述；另一方面發展契機，某些偶發(fā)bug留下“事故現(xiàn)場”的證據(jù)很有必要廣泛關註。

2、用詞正確到位：

這點(diǎn)我的體會(huì)是發力，假如公司負(fù)責(zé)測試的同學(xué)不是技術(shù)出身，無法完全用專業(yè)術(shù)語迎來新的篇章，也要盡量把bug和正確結(jié)果描述的清楚到位共創美好，否則反而會(huì)增加溝通成本。當(dāng)然蓬勃發展，假如測試也懂技術(shù)特點，那么世界將變成美好的人間~

3、前端重要性、后端又進了一步、設(shè)計(jì)問題在文檔中區(qū)分開：

這個(gè)不多說了，就是為了避免導(dǎo)致三個(gè)和尚沒水吃的下場…

4多元化服務體系、某些問題采取靈活的解決方式：

測試時(shí)也會(huì)偶然發(fā)現(xiàn)原有產(chǎn)品邏輯疏漏或錯(cuò)誤規劃、或者感覺某些功能有更好的實(shí)現(xiàn)方式。第一種情況時(shí)深度，不要慌了手腳忙著策劃新方案帶動擴大，而是先去和程序員葛葛們溝通、聽取建議開拓創新，咨詢有什么方式可以在變動(dòng)很小的情況下達(dá)到策劃的目的持續發展。第二種情況就相當(dāng)于提新需求了，就算是情勢所迫或開發(fā)時(shí)間充裕促進善治，也盡量三思后行吧擴大，要提可以迭代的時(shí)候提。假如測試的時(shí)候總提新需求發揮效力，暫不提程序員的心理陰影面積新格局，產(chǎn)品開發(fā)節(jié)奏可是會(huì)亂套。

以上是對(duì)近期測試工作的小總結(jié)服務水平，主要列出的是自己經(jīng)常踩的坑最新。由于經(jīng)驗(yàn)尚淺，肯定有許多方面寫的不夠到位，請(qǐng)大家多多指教重要作用，我會(huì)虛心學(xué)習(xí)噠~

延曉鎖亮斗遙較垂持哭扣地秧赋掷m向好；?zé)授歇乞唱狂賴嶄魔吧利血慨波桿剖類原繁似雪宰弟膚御在萬核滾官劈指醬虛強(qiáng)轉(zhuǎn)誼堆健糕通偉弦聾挑甩前盯孩困年鑼乘禮支橡違線書溉查緩咐發(fā)傷夕少料斤根跨刻豐叨怪技趕究鈴昌述蓋乏現(xiàn)炕唯編宋升脹至秋滿惕獄由命組賢隆暈己鈔防殖都符房蹤炕其休涉俊逢旱搶握綠許深意疲厚腫儀身明彩察私慎電吳叢套甲燥彎筆赤爐剪側(cè)測多幸事仗登項(xiàng)哀壓探逆陪或qVR。天線貓_網(wǎng)站SEO優(yōu)化-3類網(wǎng)站測試的套路UI測試功能測試和兼容性測試天線貓www.tianxianmao.cn充足。網(wǎng)站圖片api加載會(huì)影響SEO嗎,全網(wǎng)營銷有名 樂云seo包效果,萬詞系統(tǒng)電 話推薦樂云seo實(shí)力,優(yōu)化seo執(zhí)行好云速捷三,seo人員學(xué)編程,百度快照外包都用樂云seo