Tuy nhiên việc kiểm tra tính năng Responsive trên website lại tương đối vất vả, và phải kiểm tra trên các trình duyệt, các kích thước màn hình trước khi xuất bản, và dĩ nhiên, chúng ta lấy đâu ra tất cả các thiết bị để check lỗi ?
Và hôm nay mình sẽ giới thiệu tới mọi người một trình duyệt được tích hợp một số extendsion giúp kiểm tra chính xác tính năng responsive cho website của bạn. (Thật ra thì giới thiệu cái này là vì nó nhẹ thôi, chứ Chrome cũng thực hiện Responsive cực kỳ chuẩn, chỉ khổ là ăn RAM không thương tiếc).
Và đây là Blisk Browser - Một trình duyệt mới ra mắt thời gian gần đây.
Video giới thiệu về trình duyệt Blisk.
Đây là một trình duyệt (phát triển từ mã nguồn Chromium) được thiết kế dành riêng cho các Web Designer với mục đích là debug giao diện ở nhiều thiết bị khác nhau như điện thoại thông minh, máy tính bảng và desktop.
Nhưng nó không giống với các kỹ thuật kiểm tra thông thường là thu nhỏ màn hình, mà nó sẽ giả lập hoàn chỉnh việc hiển thị trên điện thoại, bạn có thể tương tác trực tiếp lên giao diện ở điện thoại và quan trọng nhất là sử dụng Inspect Element riêng biệt để debug, hỗ trợ live reload.
Debug với Inspect Element
Một điểm khác biệt giữa Blisk và các ứng dụng kiểm tra khác đó là cho phép chúng ta debug riêng giao diện giả lập bằng Inspect Element tách biệt. Có nghĩa là khi bấm chuột phải chọn Inspect Element ở điện thoại thì bạn sẽ debug riêng trên giao diện điện thoại, và tương tự như thế ở giao diện desktop.
Auto Refresh (a.k.a Live Reload)
Nói về live reload thì chúng ta có rất nhiều lựa chọn như dùng Live Reload, Grunt, Gulp để làm nhưng nếu trình duyệt có sẵn tại sao không tận dụng mà tiết kiệm thời gian?
Bạn có thể chọn thư mục để nó watch và sau đó mỗi sự thay đổi code trong bất kỳ tập tin nào trong thư mục đó thì Blisk sẽ tự động load lại trang.
Scroll Sync
Tính năng này sẽ tự động bật trong Blisk, nghĩa là cho phép chúng ta trượt website cùng lúc ở cả hai thiết bị. Chẳng hạn như bạn rê chuột vào điện thoại và cuộn trang thì cả hai thiết bị sẽ đều được cuộn theo. Bạn có thể tắt tính năng này đi nếu thấy bất tiện.
Các tính năng sắp ra mắt
Screenshots
Tính năng này sẽ cho phép người dùng chụp ảnh website của mình ngay trên trình duyệt.
Analytics
Một tính năng đáng được mong đợi ở Blisk, tính năng này giúp chúng ta thống kê lại lỗi Javascript trên website, theo dõi tốc độ website để tối ưu, kiểm tra tính tương thích ở mọi trình duyệt khác và theo dõi các tài nguyên không thể load được (CSS, hình ảnh, font,…).
Integrations
Ngoài việc theo dõi web thì Blisk cũng mong muốn hỗ trợ phần nào đó để cải thiện tốc độ làm việc cho từng dự án, vì thế nên 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).
Vậy,
Với một số tính năng trên thì chúng ta có thể thấy rõ, Bisk chỉ tập trung vào việc tối ưu cho các Web Designer có thêm các lựa chọn hiệu quả trong việc debug lỗi sản phẩm, và có lẽ mới ra mắt nên Blisk vẫn chưa có nhiều tính năng hấp dẫn, nếu bạn quan tâm tới một công cụ chỉ chuyên check bug như Blisk thì rất đáng để chờ đợi bản cập nhật tiếp theo. Thân chào!
Tham khảo: Thạch Phạm dot Com
facebook
twitter
google+
fb share