Home
Công nghệ thông tin
Tài liệu CNTT khác
Một số tiện ích trên Chrome hữu ích cho kiểm thử phần mềm
Một số tiện ích trên Chrome hữu ích cho kiểm thử phần mềm
T ng h p ti n ích trên Chrome h u ích cho ki m th ph n m mổ ợ ệ ữ ể ử ầ ề
Các trình duy t hi n đ i nh Mozilla Firefox hay Google Chrome giúp ệ ệ ạ ư
chúng ta ki m th d dàng h n. Tôi đã s d ng c hai trình duy t và nh n ể ử ễ ơ ử ụ ả ệ ậ
th y r ng Chrome có s l ng các ti n ích cho vi c ki m th nhi u h n ấ ằ ố ượ ệ ệ ể ử ề ơ
Firefox.
Tôi đã đ nh li t kê ra m t danh sách các add-on c n thi t cho ki m th trên ị ệ ộ ầ ế ể ử
Firefox và m t danh sách t ng t cho Chrome nh ng tôi nghĩ là s ch li tộ ươ ự ư ẽ ỉ ệ
kê ra danh sách các ti n ích thú v giúp ích cho tester trên Chrome thôi. H n ệ ị ơ
n a, nó không ch là m t danh sách, nó là danh sách các ti n ích đ y đ ữ ỉ ộ ệ ầ ủ
nh t cho tester.ấ
Các ti n ích trên chrome cho ki m th ph n m mệ ể ử ầ ề
Google Chrome là m t trình duy t m nh m và n i ti ng nh t trên th gi iộ ệ ạ ẽ ổ ế ấ ế ớ
(ngu n). Nó có giao di n đ n gi n, light-weigth, và có m t lo t các ti n íchồ ệ ơ ả ộ ạ ệ
giúp nâng cao hi u năng. Đó là lý do chính cho s ph bi n c a nó trong cệ ự ổ ế ủ ả
c ng đ ng phát tri n và ki m tra.ộ ộ ể ể
Trong khi ki m th , tôi s d ng h u h t các ti n ích trong danh sách này ể ử ử ụ ầ ế ệ
khi c n thi t và chúng th c s là c u tinh đ i tôi. Hãy đ c nó r i b n s ầ ế ự ự ứ ờ ọ ồ ạ ẽ
đ ng ý thôi.ồ
N u b n s a d ng b t c ti n ích nào khác không có trong danh sách này ế ạ ử ụ ấ ứ ệ
c a Google Chrome cho vi c test, hãy cho tôi bi t trong ph n ý ki n bên ủ ệ ế ầ ế
d i và tôi s thêm nó vào danh sách này. Không ch n ch gì n a, chúng ta ướ ẽ ầ ờ ữ
b t đ u thôi!ắ ầ
Ti n ích c a chrome cho ki m th – Web UI testingệ ủ ể ử
1. Screen Ruler – Screen Ruler là ti n ích đ n gi n c a chrome hi n thệ ơ ả ủ ể ị
chính xác th c đo. S d ng Screen Ruler trong khi test, b n có th ướ ử ụ ạ ể
đo chi u dài, chi u r ng, padding c a đ i t ng b ng cách đ n gi n ề ề ộ ủ ố ượ ằ ơ ả
là đ t chúng d a trên tiêu chí mà mình mu n ki m tra. Screen Ruler ặ ự ố ể
th c s h u ích đ ki m tra Web UI vì nó giúp ta log các l i không ự ự ữ ể ể ỗ
nhìn th y và đ m b o ng d ng web s hoàn h o trên t ng pixel.ấ ả ả ứ ụ ẽ ả ừ
2. WhatFont – Là m t tester, chúng ta cũng c n ki m tra v n đ th m ộ ầ ể ấ ề ẩ
m nh font ch và kích th c font đ c s d ng cho t ng vùng c ỹ ư ữ ướ ượ ử ụ ừ ụ
th trên trang web. WhatFont là m t ti n ích đ n gi n. Đúng nh tên ể ộ ệ ơ ả ư
g i c a nó, nó giúp ta d dàng tìm đ c font c a trang web. Ch c n ọ ủ ễ ượ ủ ỉ ầ
di chu t vào vùng b n mu n bi t font trên m t trang web, WhatFont ộ ạ ố ế ộ
s đ a ra font đ c s d ng. N u b n c n thêm thông tin v các ẽ ư ượ ử ụ ế ạ ầ ề
service dùng cho web font, WhatFont cũng s n sàng đáp ng.ẵ ứ
3. ColorZilla – ColorZilla là m t ti n ích c a chrome v ch n màu s c. ộ ệ ủ ề ọ ắ
Nó cho phép b n tìm ra chính xác màu s c đã đ c s d ng trên trangạ ắ ượ ử ụ
web. ColorZilla th c s r t h u ích khi b n c n ki m tra màu s c ự ự ấ ữ ạ ầ ể ắ
c a web có kh p v i design hay không.ủ ớ ớ
4. PerfectPixel – N u b n là m t tester mong mu n ng d ng mình test ế ạ ộ ố ứ ụ
hoàn h o đ n t ng pixel so v i design thì ti n ích này chính là dành ả ế ừ ớ ệ
cho b n! B n có th đ t b c nh trong su t ph lên b m t trang ạ ạ ể ặ ứ ả ố ủ ề ặ
web sau đó so sánh t ng pixel.ừ
5. IE Tab – IE tab là m t gi l p trình duy t IE ph bi n nh t. S d ngộ ả ậ ệ ổ ế ấ ử ụ
IE Tab, b n có th test các trang web v i các phiên b n khác nhau c aạ ể ớ ả ủ
IE mà không c n ph i xa trình duy t Chrome yêu thích c a b n.ầ ả ệ ủ ạ
6. Spell Checker – Spell Checker không th c s ch gi ng nh tên g i ự ự ỉ ố ư ọ
c a nó. Nó ki m tr chính t cho t t c các t trên trang web và g i ýủ ể ả ả ấ ả ừ ợ
cách s a cho nh ng t b l i. Nó là m t ti n ích đ n gi n, h tr đ nử ữ ừ ị ỗ ộ ệ ơ ả ỗ ợ ế
12 ngôn ng . B n có th thêm nh ng t c a riêng b n vào trong t ữ ạ ể ữ ừ ủ ạ ừ
đi n.ể
7. Grammarly – Grammarly là ti n ích quá tuy t giúp b n b t c khi ệ ệ ạ ấ ứ
nào b n vi t mail, bình lu n ho c blog post online v i vai trò c a m tạ ế ậ ặ ớ ủ ộ
ng i hi u ch nh. Khi b n vi t, Grammarly ki m tra chính t và l i ườ ệ ỉ ạ ế ể ả ỗ
ng pháp, highlight chúng mà không c n ph i thoát trình duy t. Đ i ữ ầ ả ệ ố
v i ki m th , Grammarly là ti n ích mi n phí mang l i kh năng ớ ể ử ệ ễ ạ ả
ki m tra ng pháp chính xác cho chính trình duy t Chrome c a b n.ể ữ ệ ủ ạ
Ti n ích c a chrome cho ki m th – T đ ngệ ủ ể ử ự ộ
8. Web Developer – Web developer, cũng có m t add-on cùng tên trên ộ
Firefox , cung c p m t lo t các tính năng cho web developer trên ấ ộ ạ
thanh công c . Nó không có đ y đ tính năng nh trên Firefox ụ ầ ủ ư
counterpart nh ng v n là m t trong các ti n ích h u d ng nh t c a ư ẫ ộ ệ ữ ụ ấ ủ
chrome cho ki m th . B n có th qu n lý b nh cache c a trình ể ử ạ ể ả ộ ớ ủ
duy t, qu n lý cookies, ki m tra và highlight các thành ph n c a web,ệ ả ể ầ ủ
tiêu đ c a thu c tính, các thông tin khác trên trang web, giúp ti t ề ủ ộ ế
ki m th i gian trong khi test.ệ ờ
9. Firebug Lite – Firebug Lite là m t ti n ích khác cho vi c ki m th . ộ ệ ệ ể ử
Nó không thay th các tùy ch n mà công c phát tri n c a chrome ế ọ ụ ể ủ
cung c p, nh ng v n r t tuy t khi s d ng. Nó cung c p cái nhìn ấ ư ẫ ấ ệ ử ụ ấ
tr c quan cho các ph n t HTML, DOM, và mô hình d i d ng kh i ự ầ ử ướ ạ ố
h p. B n có th s d ng nó đ ki m tra các thành ph n HTML t i ộ ạ ể ử ụ ể ể ầ ạ
các nút b m khi click.ấ
Ti n ích c a chrome cho ki m th – B ng ch ng testệ ủ ể ử ằ ứ
B ng ch ng test là r t quan tr ng vì v y có m t công c t t cho phép ằ ứ ấ ọ ậ ộ ụ ố
chúng ta ch p l i màn hình và ghi chú các v n đ d dàng s ti t ki m m tụ ạ ấ ề ễ ẽ ế ệ ộ
l ng l n th i gian.ượ ớ ờ
1. Awesome Screenshot – Awesome Screenshot là công c ch p màn ụ ụ
hình ph bi n nh t v i các tester. B n có th ch p full màn hình, m tổ ế ấ ớ ạ ể ụ ộ
vùng c th ho c n i dung nhìn th y trên trang web, đ ng th i chú ụ ể ặ ộ ấ ồ ờ
thích màn hình ch p b ng cách highlight, c t, thêm text … đ làm ụ ằ ắ ể
b ng ch ng test. B n có th d dàng chia s các b c nh đó, có th ằ ứ ạ ể ễ ẻ ứ ả ể
l u vào máy tính cá nhân, l u t m trên Awesome Screenshot ho c l uư ư ạ ặ ư
tr lâu dài b ng cách upload lên Google Drive ho c Diigo.ữ ằ ặ
2. Lightshot – Lightshot là m t công c ch p l i màn hình và tùy bi n ộ ụ ụ ạ ế
b ng cách thêm các ghi chú. Nó có giao di n khá đ n gi n. B n có ằ ệ ơ ả ạ
th l u các screenshot vào b nh local ho c upload chúng lên cloud ể ư ộ ớ ặ
(b n có th chia s link cho ng i khác).ạ ể ẻ ườ
3. Screencastify – M t ti n ích khác nên có trong b công c c a tester. ộ ệ ộ ụ ủ
Screencastify là m t ti n ích ghi l i màn hình cho chrome. Nó cho ộ ệ ạ
phép ghi l i hành vi c a ng i dùng trên trang web nh m t video. ạ ủ ườ ư ộ
B n có th chia s v i developer nh là b ng ch ng test. Ch c n ạ ể ẻ ớ ư ằ ứ ỉ ầ
nh n ghi là n i dung các tab c a b n s đ c ghi l i.ấ ộ ủ ạ ẽ ượ ạ
Ti n ích c a chrome cho ki m th : Ki m tra cookie c a websiteệ ủ ể ử ể ủ
Qu n lý đ c cookie và cache c a trình duy t là vô vùng quan tr ng đ ả ượ ủ ệ ọ ể
đ m b o ng d ng ho t đ ng nh mong đ i và l y d li u đúng nh trên ả ả ứ ụ ạ ộ ư ợ ấ ữ ệ ư
server. B n có th s d ng các ti n ích này cho vi c ki m tra cookie c a ạ ể ử ụ ệ ệ ể ủ
website vì nó cho phép ta thêm, xóa, s a cookie và xóa b nh cache c a ử ộ ớ ủ
trình duy t.ệ
1. Edit This Cookie – N u b n đang test phiên b n A/B c a ng d ng ế ạ ả ủ ứ ụ
web, ti n ích này s giúp b n ti t ki m r t nhi u th i gian. Edit This ệ ẽ ạ ế ệ ấ ề ờ
Cookie cung c p m t giao di n đ p, có tính t ch c cho phép b n ấ ộ ệ ẹ ổ ứ ạ
qu n lý cookie c a trình duy t gi ng nh m t ng i chuyên nghi p. ả ủ ệ ố ư ộ ườ ệ
Nó bi u di n t p các t p cookie và giá tr c a nó. B n có th thay ể ễ ậ ệ ị ủ ạ ể
đ i b t c giá tr hi n t i nào ho c thêm, xóa, tìm ki m, b o v ho cổ ấ ứ ị ệ ạ ặ ế ả ệ ặ
block cookie. S d ng ti n ích này b n s th y d dàng h n thay vì ử ụ ệ ạ ẽ ấ ễ ơ
s d ng màn hình setting c a chrome đ tìm ki m cookie cho m t ử ụ ủ ể ế ộ
trang c th .ụ ể
2. Cookie Editor – Cookie Editor là m t ti n ích khác cho phép b n s a ộ ệ ạ ử
cookie trong quá trình test nh thêm, xóa, thay đ i, b o v , block và ư ổ ả ệ
tìm ki m cookie. Nó cũng có kh năng export cookie thành file JSON.ế ả
3. Clear Cache – N u b n g p khó khăn khi mu n xóa cache c a trình ế ạ ặ ố ủ
duy t thì ti n ích này s giúp b n xóa t thanh công c mà không ệ ệ ẽ ạ ừ ụ
ph i đi đ ng vòng (Settings -> xóa d li u trình duy t). B n có th ả ườ ữ ệ ệ ạ ể
tùy bi n nó đ ki m soát d li u b n mu n xóa – app cache, ế ể ể ữ ệ ạ ố
download, file h th ng, form d li u l ch s trình duy t, b nh c cệ ố ữ ệ ị ử ệ ộ ớ ụ
b , m t kh u, …ộ ậ ẩ
4. Cache Killer – Cache Killer là m t plugin h u d ng cho tester. Nó ộ ữ ụ
cho phép d dàng vô hi u hóa cache trong Chrome. Không gi ng nh ễ ệ ố ư
Clear Cache, khi nó cho phép xóa cache tr c khi load m t trang đ ướ ộ ể
b n luôn luôn th c hi n b n m i nh t c a code. N u b n đang ki m ạ ự ệ ả ớ ấ ủ ế ạ ể
tra cache c a ng d ng, b n có th vô hi u hóa add-on này ch v i ủ ứ ụ ạ ể ệ ỉ ớ
m t cú click.ộ
Ti n ích c a chrome cho ki m th – Mô ph ng kích th c màn ệ ủ ể ử ỏ ướ
hình khác nhau
5. Resolution Test – Resolution Test giúp d dàng test các ng d ng webễ ứ ụ
trên các màn hình có đ phân gi n và kích th c khác nhau. B n có ộ ả ướ ạ
th ch n t danh sách các màn hình có đ phân gi i ph bi n nh t ể ọ ừ ộ ả ổ ế ấ
mà các website hay dùng, ho c s d ng kích th c t tùy bi n. Nó ặ ử ụ ướ ự ế
t o ra các kích c màn hình c a s trình duy t và mô ph ng ng ạ ỡ ử ổ ệ ỏ ứ
d ng web trong kích th c màn hình b n mu n.ụ ướ ạ ố
6. Window Resizer – là m t ti n ích c a chrome r t h u ích trong ki mộ ệ ủ ấ ữ ể
th ng d ng web. Nó làm m i th cho Chrome gi ng nh nh ng ử ứ ụ ọ ứ ố ư ữ
th mà Firesizer làm cho Firefox – thay đ i kích th c c a s trình ứ ổ ướ ử ổ
duy t đ mô ph ng các đ phân gi i màn hình khác nhau cho phép ệ ể ỏ ộ ả
b n ki m tra layout c a website s thay đ i nh th nào trên các kíchạ ể ủ ẽ ổ ư ế
th c màn hình khác nhau. B n có th ch n t các đ phân gi i màn ướ ạ ể ọ ừ ộ ả
hình đ xu t ho c thêm các đ phân gi i màn hình mà b n t t o ra ề ấ ặ ộ ả ạ ự ạ
(và l u chúng). M t vài ch c năng Window Resizer có mà Resolution ư ộ ứ
Test không có là Window Resizer cho phép b n thi t l p tùy bi n các ạ ế ậ ế
phím t t quan tr ng và b n cũng có th export các thi t l p đó và ắ ọ ạ ể ế ậ
import vào m t máy tính khác đ s d ng.ộ ể ử ụ
Ti n ích c a Chrome cho ki m th – Test khám pháệ ủ ể ử
7. Bug Magnet – Bug Magnet là m t s l a ch n ti t ki m th i gian ộ ự ự ọ ế ệ ờ
kh ng l khi test khám phá. Click chu t ph i vào b t c tr ng nào ổ ồ ộ ả ấ ứ ườ
trên ng d ng web đ đ a ra m t menu v i các giá tr đ c xác đ nh ứ ụ ể ư ộ ớ ị ượ ị
tr c cho email, tên, s đi n tho i, postcode,… Ch n giá tr mà b n ướ ố ệ ạ ọ ị ạ
mu n và đi n vào tr ng trên trang web. Vì v y, n u s p t i b n có ố ề ườ ậ ế ắ ớ ạ
k ho ch th c hi n test khám phá, b n không c n ph i làm gi giá trế ạ ự ệ ạ ầ ả ả ị
đ test th các tr ng vì Bug Magnet s làm vi c đó cho b n. Hãy ể ử ườ ẽ ệ ạ
th m t l n, và b n s s d ng nó m i ngày.ử ộ ầ ạ ẽ ử ụ ỗ
8. Form Fuzzer – Form Fuzzer là m t ti n ích khác c a chrome đ ộ ệ ủ ể
ki m tra các tr ng đi n d li u v i các giá tr khác nhau và c c kỳ ể ườ ề ữ ệ ớ ị ự
có ích cho vi c test khám phá. Gi ng nh Bug Magnet, b n không ệ ố ư ạ
c n ph i t o d li u đ ki m tra đ nh d ng khác nhau c a đ a ch ầ ả ạ ữ ệ ể ể ị ạ ủ ị ỉ
email, s đi n tho i… m t cách th công khi ki m th các form. Ch ố ệ ạ ộ ủ ể ử ỉ
c n click chu t ph i vào form mà b n mu n đi n và ch n giá tr ầ ộ ả ạ ố ề ọ ị
mong mu n đã đ c thi t l p tr c.ố ượ ế ậ ướ
9. Web Developer Form Filler – Ti n ích này giúp vi c đi n các tr ngệ ệ ề ườ
c a form và ch ng minh tính h u d ng trong khi test khám phá. B n ủ ứ ữ ụ ạ
có th cài đ t các phím nóng đ đi n vào form s d ng duy nh t m tể ặ ể ề ử ụ ấ ộ
key.
Ti n ích c a Chrome cho test APIệ ủ
10. Postman – Postman Chrome Extension là công c cho vi c ụ ệ
ki m th API – đ c bi t là API RESTful. Nó cung c p kh năng thi tể ử ặ ệ ấ ả ế
l p và t o bi n môi tr ng giúp ti t ki m th i gian. B n có th yêu ậ ạ ế ườ ế ệ ờ ạ ể
c u ki m tra nhóm các yêu c u API trong m t l n.ầ ể ầ ộ ầ
11.Advanced RESTClient – Advanced RESTClient là m t ti n ích khác ộ ệ
c a chrome cho vi c ki m tra API. Nó không có nhi u tính năng nh ủ ệ ể ề ư
Postman nh ng nó cũng khá tuy t đ b t đ u cho vi c ki m th API.ư ệ ể ắ ầ ệ ể ử
REST Client cho phép b n t o và ki m th tùy bi n yêu c u API v i ạ ạ ể ử ế ầ ớ
giao di n đ n gi n.ệ ơ ả
12. Resteasy – Resteasy là m t tùy ch n khác đ testing RESTful ộ ọ ể
API trên Chrome. Nó cung c p các tính năng t ng t Advanced ấ ươ ự
có thể bạn quan tâm
Phân biệt lãi suất tiền gửi và lãi suất tiền gửi tiết kiệm khác nhau đ...
0
879
320
Tài liệu tài chính - ngân hàng khác
(New)
Một số tiện ích mở rộng cần thiết cho Google Chrome
4
632
273
An ninh, bảo mật
4
(New)
Những rủi ro khi kiểm toán phần hành tiền mặt
1
820
280
Kế toán, kiểm toán
1
(New)
Sử dụng chế độ giả lập di động trên Chrome
6
1.029
390
Lập trình
6
(New)
Những rủi ro khi kiểm toán phần hành tiền gửi ngân hàng
1
760
270
Kế toán, kiểm toán
1
(New)
Xem lại mật khẩu tài khoản đã lưu trên Google Chrome
7
981
260
Tài liệu CNTT khác
7
(New)
Sử dụng Momentum để tạo màn hình chờ trên Chrome
5
966
204
Tài liệu CNTT khác
5
(New)
Hướng dẫn bật tính năng bảo mật Site Isolation trên Chrome
4
857
292
An ninh, bảo mật
4
(New)
thông tin tài liệu
Bài viết liệt kê ra danh sách các tiện ích thú vị giúp ích cho tester trên Chrome
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
Tâm lý xã hội VÀ Hệ tư tưởng
Tham khảo 12 bài tập nguyên lý thống kê có lời giải
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Trắc nghiệm kinh tế
Địa lý 12 Phát triển cây công nghiệp lâu năm Tây Nguyên
Mẫu slide về các môn thể thao
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
