30/09/2018, 23:10

Hỏi mọi người phương pháp test Code front-end trên các trình duyệt khác nhau

Minh đang học Front-End và Front-end

Nó hiện thị rất khác nhau trên các trình duyệt và có rất nhiều các thuộc tính mới của CSS3 và HTML5 mà các trình duyệt cũ của IE ko hỗ trợ.
Rất nhiều các trình duyệt như: IE6, IE7, IE8, IE9, Chorm, Firefox,…

Vậy mình muốn hỏi chút là mình phải TẢI tất cả các trình duyệt trên về máy rồi test từng cái một. Hay có phần mềm or Frame-Word, blugin nào hỗ trợ việc này ko vậy. Cảm ơn mọi người.

Ngô Doãn Tuấn viết 01:11 ngày 01/10/2018

IE6, IE7, IE8, IE9


Bác giết em đi cho nhanh !

Như các QA bên em hay test là mình test bằng chính các trình duyệt luôn bác ạ !

Thường thì 2 trình duyệt chính để test vẫn là Chorm, và Firefox.
Như em thấy thì bên Firefox thường phát sinh các bug nhiều hơn so với Chorm !

Nguyễn Đức Hoàng viết 01:25 ngày 01/10/2018

Như các QA bên em hay test là mình test bằng chính các trình duyệt luôn bác ạ !

Thường thì 2 trình duyệt chính để test vẫn là Chorm, và Firefox.Như em thấy thì bên Firefox thường phát sinh các bug nhiều hơn so với Chorm !

Mình tưởng các trình duyệt IE đã khá cũ nhưng vẫn rất nhiều người dùng phổ thông vẫn dùng

Ngô Doãn Tuấn viết 01:12 ngày 01/10/2018

Bác giết em đi rồi dùng
Đùa thôi nếu bác test mượt mà trên IE thì em nghĩ là everething oke - [spoiler]Bác có thể cân cả thế giới[/spoiler] !

Lần trước em có đọc một bài thống kê.
Cococ là trình duyệt được sử dụng nhiều nhất tại ViệtNam
Sau đó Chorme, firefox, rồi còn một vài cái nữa như opera hay IE blabla,

Nguyễn Đức Hoàng viết 01:16 ngày 01/10/2018

Lần trước em có đọc một bài thống kê.Cococ là trình duyệt được sử dụng nhiều nhất tại ViệtNamSau đó Chorme, firefox, rồi còn một vài cái nữa như opera hay IE blabla,

Cám ơn bác, text thế thì ok rồi. e nghĩ đến IE mà nản quá. Dặt dẹo nhưng sống dai=D

Khoa NTA viết 01:13 ngày 01/10/2018

Nếu bạn đã lập trình kỹ cho nó rồi thỉ chỉ cần thay đổi User-Agent của trình duyệt là cân hết, không cần phải tải tùm lum trình duyệt nha . Extension tên là: User-Agent Switcher nha (link: User-Agent Switcher for Chrome ). Trên Firefox cũng có, icon y chang nha.
Nếu bác chưa biết user-agent là gì thì hiểu nôm na là tên + vesion của trình duyệt đang xài.

null viết 01:11 ngày 01/10/2018

User-Agent hoàn toàn vô dụng trong việc test code, trừ khi bạn thiết kế riêng cho từng trình duyệt và thay đổi bằng cách đọc User-Agent.

Đối với IE phiên bản cũ thì bạn có thể thử nghiệm ngay trong dev tool của IE hoặc cài thêm extension trên Chrome, Firefox.
Trình duyệt Safari trên Windows đã bị ngừng phát triển từ lâu, và cũng nhờ đó bạn có thể dùng nó để kiểm tra lỗi trên Safari và các trình duyệt nhân Webkit cũ.

Một trong những cách cơ bản nhất là kiểm tra thuộc tính bạn dùng có được trình duyệt hỗ trợ hay không tại Can I use.
Xem ảnh chụp màn hình trên các trình duyệt khác nhau tại Browser shots.
Chuẩn nhất là dùng Browser stack tài khoản miễn phí chỉ được dùng 10 phút mỗi ngày.

Bài liên quan
0