- vừa được xem lúc

Một vài Tips và Tricks trên trình duyệt Chrome hữu dụng mà cả Dev và Test nên biết.

0 0 142

Người đăng: iamfresher

Theo Viblo Asia

Một vài Tips và Tricks trên trình duyệt Chrome khá hữu dụng mà cả Dev và Tester nên biết!

1. Điều chỉnh tốc độ internet trên trình duyệt

Cái này trước giờ mình cũng ít khi sử dụng nhưng đợt vừa qua nó tại tỏ ra khá hiệu quả trong việc debug của mình ?
Nói là điều chỉnh tốc độ mạng thì nghe có vẻ chưa đúng.
Nên mình sẽ giải thích thêm bằng tình huống bên dưới.
Tình huống:
Gần đây do covid nên mọi người được làm remote nhiều, dẫn tới tốc độ mạng của mỗi cá nhân trong team là khác nhau.
Team của mình gặp ngay một cái lỗi là bên bạn dev thì chạy ngon, còn bên bạn tester thì hay sảy ra lỗi.(thi thoảng mới tái hiện được ? )
Mặc dù môi trường test là giống nhau.
Ca bệnh này mình đoán bừa là tốc độ internet.
Và lỗi có khả năng do trong code có 1 vài chỗ đang bị chạy bất đồng bộ.
Với tốc độ mạng nhanh thì nó có thể chạy đồng bộ, còn chậm thì nó sẽ là bất đồng bộ.
Nói thằng ra là trong code có vài chỗ thiếu async await ?
Và mình có thử chuyển tốc độ mạng của mình về tốc độ 3G thì tái hiện được ngay. Ahihi

Cách điều chỉnh tốc độ mạng về slow 3G trên trình duyệt Nhấn F12 > chọn vào tab Network > Chọn vào biểu tượng dropdown > chọn slow 3G

Ahihi, đôi khi mạng yếu một tí cũng dễ tìm bug hơn nhỉ, giờ thì các chị em tester team mình hay sài chức năng này để tìm bug async await của mấy anh Dev lắm ?

2. Bật chế độ design mode trên trình duyệt

Cách bật: Nhấn F12 > chọn vào tab console > gõ lệnh document.designMode="on" > ấn Enter
Bây giờ bạn có thể sửa giao diện trang web tùy thích. Chỉ cần click vào chỗ muốn sửa và edit thôi.
Demo: https://gyazo.com/8279f0510e19e1cc123940c43d4da192 Tất nhiên bạn có thể làm nó bằng nhiều cách khác thư inspect element > edit element nhưng mình thấy cách này tiện hơn khá nhiều.
Mình hay dùng cách này trong quá trình demo với khách hàng và nhận được góp ý trực tiếp, mình sẽ sửa luôn để khách hàng xem luôn.
Sau đó capture lại rồi gửi cho đội dev sửa lại.

3. Chụp lại full màn hình website

Cách chụp: Nhấn F12 > chọn vào biểu tượng 3 chấm bên cạnh biểu tượng setting > Chọn run command > tìm kiếm command theo từ khóa "capt.." > Chọn capture fullsize screen shot Tiếp:

Command này sẽ chụp ảnh và lưu ảnh ra thư mục download của bạn. Trc kia mình hay cài thêm phần mềm của bên thứ 3 để chụp, nhưng sau thấy ko cần lắm nên mình chuyển sang dùng các này =))

Có khá nhiều chức năng thú vị ở trình duyệt mà mình và các bạn có thể còn chưa biết, nên mong các bạn chia sẻ thêm với mình dưới comment nhé. ?

Mình sẽ thường xuyên update post này, nên bạn nào thấy hay nhớ clip hoặc vote bài viết lại để theo dõi thêm nhé
Cảm ơn các bạn đã dành thời gian đọc bài viết của mình ❤️ ❤️ ❤️

Bình luận

Bài viết tương tự

- vừa được xem lúc

Học Regular Expression và cuộc đời bạn sẽ bớt khổ (Updated v2.2)

. Regular Expression (RegEx) à? Nghe quen quen. . Bạn cần xử lý validate (kiểm tra tính hợp lệ) các trường dữ liệu nhập vào ô Text. .

0 0 109

- vừa được xem lúc

Đề thi interview DevOps ở Châu Âu

Well. Chào mọi người, mình là Rice - một DevOps Engineers ở đâu đó tại Châu Âu.

0 0 88

- vừa được xem lúc

12 best practices với VueJS

Giới thiệu. Xin chào tất cả các bạn, hôm nay mình sẽ giới thiệu với các bạn một số lưu ý khi coding vuejs. Không dài dòng nữa mình bắt đầu luôn nhé. Vì sao cần phải sử dụng :key , vì nó sẽ giúp giữ lại các state của component.

0 0 197

- vừa được xem lúc

Những điều cần lưu ý và sử dụng Hook trong React (Phần 2)

II. UseEffect và điều cần lưu ý . Có hai loại xử lý phổ biến trong các thành phần React: những xử lý phụ không yêu cầu cleanup và những xử lý phụ có cleanup. Hãy xem xét sự khác biệt này chi tiết hơn.

0 0 129

- vừa được xem lúc

[Python] Một số tips khi code (Phần 2)

Hi, trong phần trước mình đã giới thiệu đến các bạn 9 tips khi các bạn code Python. Trong phần này mình sẽ tiếp tục gửi đến các bạn một số tips hữu dụng khác nhé. Let's go. Để reverse một đoạn string, chúng ta dùng var[::-1].

0 0 49

- vừa được xem lúc

Không có gì là miễn phí cả

Mình có cái tật rất xấu. Đấy là hay cố gắng tìm hướng giải quyết cho người khác.

0 0 42