12 Tháng 7, 2016 • Tác giả: Thịnh Nguyễn • Chuyên mục: Công cụ

Trình duyệt Blisk Browser dành cho Front End, Web Designer

blisk-browser

Trình duyệt Blisk Browser một trong những trình duyệt được khá nhiều lập trình viên chuyên về mảng Front End, Web Designer sử dụng với khả năng của nó quả là hữu hiệu. Trình duyệt này chỉ tối ưu cho việc debug các lỗi cũng như kiểm tra trải nghiệm người dùng và giải lập luôn cả màn hình các thiết bị máy tính bảng và điện thoại thông minh.

Như trước đây Thinhweb Blog đã chia sẻ tới các bạn cách kiểm tra giao diện responsive nhưng vì những trình duyệt đó không nghiêng hẳn về lập trình viên vì thế bạn cũng cần cài thêm một số thứ thì mới có thể kiểm tra trính xác website responsive.

Đó là những trình duyệt sử dụng bình thường cũng như thông thường hiện nay. Còn đối với Trình duyệt Blisk Browser nó cho phép bạn demo thiết bị ngay bên cạnh thay vì bạn phải mua sắm nhiều thiết bị mobile và tablet để test. Quá lãng phí khi mua quá nhiều thiết bị và giờ đây Blisk Browser đảm nhiệm tất tần tật

blisk-browser-demo

Video trình duyệt Blisk Brower

Debug với Inspect Element

Khi bạn sử dụng trình duyệt này mà test website trên thiết bị màn hình bự thì quả là tuyệt vời ông mặt trời và hiện mình dùng màn hình kích thước 1920 x 1080px nó sẽ full hết cỡ web cho bạn còn đối với màn bé thì nó sẽ zoom lại cho vừa màn hình và lúc này bạn tha hồ kiểm tra source cũng như kiểm tra các lỗi javascript và các lỗi phát sinh ngay trong Inspect Element cũng gióng như trên Google Chrome của Google bởi nó được phát triển từ mã nguồn mở Chromium giống như Oparea hay Chrome nhưng nó tối ưu cho các Front End, Web Designer.

blisk-browser-debug

Ngoài ra nó còn có một số tính năng cũng khá hữu ích khác

blisk-browser-setup

Auto-refresh

Tính năng cũng không kém phần hữu ích đó là auto-refresh giúp load lại trang theo những giòng lệnh mà bạn gõ thêm để kiểm tra đỡ mất công bạn đi F5 hoài mà lại tiết kiệm thời gian rất là nhiều.

Scroll sync

Tính năng này cho phép bạn trượt website nếu như bạn kéo thanh cuộn xuống và bên demo thiết bị mobile cũng sẽ trượt theo giúp bạn kiểm tra tốt hơn cũng như cho phép bạn kéo thanh cuộn bên demo thiết bị mobile để kiểm tra từng thành phần. Cả 2 website và demo trên mobile đều tương tác cho nhau giúp bạn cực kỳ thuận tiện rất nhiề.

Screenshots

Tính năng giúp bạn chụp toàn bộ màn hình website thay vì phải chụp từng phần rồi đi cắt ghép vào trong photoshops

Analytics

Giúp thống kê lại các lỗi hệ thống cũng như kiểm tra thời gian trả về của web và để bạn tối ưu hình ảnh, code,…

Integrations

Ngoài việc kiểm tra khả năng của website để cải thiện tốc độ của web mà vì thế Integrations là tính năng đáp ứng được mong muốn đó. Tính năng này cho phép người dùng theo dõi bugs và quản lý tiến độ của từng dự án như một hệ thống quản lý dự án (Project Management).

Như vậy là quá đủ cho một trình duyệt web dành riêng cho dân làm Front End và Web Designer. Không quá thừa mà cũng không quá thiếu. Vậy tại sao bạn không sử dụng nó để tiết kiệm thời gian hơn?

Link tải về trình duyệt Blisk Browser: blisk.io

Tác giả: Thịnh Nguyễn

Chuyên gia chia sẻ kiến thức về lập trình, thiết kế web và tối ưu hệ thống server.

Chia sẻ bài viết này:

0 bình luận

Để lại bình luận của bạn

Địa chỉ email của bạn sẽ không được công bố rộng rãi. Các trường bắt buộc được đánh dấu *

Bài viết liên quan

Hướng dẫn cách tải về code được chia sẻ trên trang gitlab.com

Bài trước mình hướng dẫn các bạn cách tạo tài khoản gitlab trên trang gitlab thì bài này là cách tải về code được mình share trên trang gitlab.com. Sau khi bạn xem xong hướng dẫn bạn hoàn toàn có thể download về cũng như lời giải đáp cho các bạn đang muốn lấy được […]

Xem chi tiết →

Lỗi không chạy được Apache và Mysql trên máy tính sau khi cài lại windows

Sau khi bạn thực hiện cài đặt lại windows vì một vài lý do trong quá trình sử dụng. Nhưng Xampp bạn lại không cài đặt vào thư mục của ổ C vì thế nó sẽ không bị mất đi. Điều này khá là hay khi bạn không cài Xampp tại ổ C. Bởi vấn […]

Xem chi tiết →

Hướng dẫn đăng ký tài khoản trên trang gitlab.com

Sau seri bài viết hướng dẫn cài gitlab lên máy chủ ảo thì ở bài này mình sẽ hướng dãn các bạn đăng ký tài khoản gitlab trên trang gitlab.com. Theo như những phải hồi của các bạn theo dõi blog của mình thì có nhiều bạn không biết cách xài gitlab ra sao vì […]

Xem chi tiết →