In Responsive websites designing, checking the interface on different devices is always necessary to ensure that our website interface can be displayed well in every device.
Of course, few people use every device to check the interface of the website because not everyone has enough equipment, but will use the support tools in the browser such as Viewport Resizer, ResponSinator.com, or even Is manual testing by self-stretching the browser.
However, the support tools mentioned above can not compare with the actual quality of the website when displayed on the actual device. Besides, installing the phone simulator is heavy and time-consuming.
Yesterday I accidentally known a new browser service for the purpose of testing and debugging websites on the phone devices, which is the browser Blisk.
What is Browser Blisk?
This is a browser (developed from Chromium source code) designed specifically for Web designers with the goal of debugging interfaces across devices such as smartphones, tablets and desktops.
But it is not like the usual screening techniques, which will completely simulate the display on your phone, you can interact directly with the phone interface and most importantly use a separate Inspect Element to debug, support live reload.
Debug with Inspect Element
One difference between Blisk and other test applications is that it allows us to debug our own emulation interface with a separate Inspect Element. This means that when you right-click and select Inspect Element on your phone, you will debug separately on the phone interface, and similarly on the desktop interface.
Auto Refresh (a.k.a Live Reload)
Talking about live reload, we have a lot of options like Live Reload, Grunt, Gulp to do but if the browser is available, why don’t we take advantage of that to save time?
You can select the directory to watch it and then every code change in any files in that directory, Blisk will automatically reload the page.
This feature is automatically turned on in Blisk, which allows us to slide the website simultaneously on both devices. For example, if you mouse over the phone and scroll the page, both of the devices will be scrolled. You can disable this feature if you find it inconvenient.
Features coming soon
This feature will allow users to take pictures of their website right in the browser.
In addition to tracking the web, Blisk is also eager to support something that will improve the speed of work for each project, so Integrations is a feature that meets that expectation. This feature allows users to track bugs and manage the progress of each project as a Project Management System.
So what is Blisk useful for?
As I mentioned at the beginning of this article, this is a browser dedicated to the web designer or front-end designer so its features are just around the corner and I think that is enough for the needs of two objects. And in the future will Blisk be improved further? That’s what we have to track to know.