First steps
- Download the latest version of Blisk
- Create Blisk account
- Log into your account in Blisk browser
Blisk features minimalistic material user interface. Blisk uses Chrome-like tabs, address bar and some other UI elements. Tab is the main container in Blisk. Within each tab, Blisk has Toolbox - the starting point to use a device.
Blisk offers different layouts (workspaces) for browsing and web development: Default, Device + Desktop, Device only, Desktop only.
Blisk offers two modes: Developer mode and Browsing mode.
Developer mode:
Developer mode is the main mode in Blisk. It is used to create web applications, use Blisk devices, and side-by-side view. This mode is set by default for all domains except the domains from Browsing mode list blisk://setup#browsing-mode
.
Browsing mode:
In Browsing mode, Blisk acts like a regular browser. The webview displays maximum width and height, Blisk does not render the Toolbox and devices. You can set up the list of domains to automatically display in Browsing mode at blisk://setup#browsing-mode
.
Blisk provides features for taking screenshots and recording the screen. Screenshots and screen records are automatically saved to your secure Blisk cloud storage. You can share screenshots and screen records with your teammates or attach them to bug reports.
Enable Screenshots and screen recorder:
Blisk can take screenshots of multiple phones or tablets and combine the screenshots into a single image. With this feature, you can get the testing results even without switching across the devices. Blisk will generate the screenshot of all needed devices.
Multi-device screenshot options:
iOS
or Android
phone
or tablet
value
in milliseconds. Default value is 0
Existing scenarios of multi-device screenshot:
iOS
, Android
or iOS + Android
iOS
, Android
or iOS + Android
Screenshot delay
Blisk generates screenshot of each device on window.onload
event. The delay property delays taking a screenshot in milliseconds as soon as
window.onload
event has fired.
Enable Multi-device screenshot:
Blisk launches Image editor after taking a screenshot. You can annotate the screenshot before uploading it to your Blisk cloud storage.
Auto-refresh lets developers and designers be more productive by updating pages automatically. Every time you write the code and save changes - Blisk refreshes tab(s). Auto-refresh has two states:
Basics
Auto-refresh works with domains, not specific URLs. If you set up auto-refreshing for http://localhost
, Blisk will refresh all URLs from domain automatically (e.g. http://localhost/some-page
).
Auto-refresh works with different file formats. You can set up auto-refreshing for any file, for example:
HTML
, CSS
, JS
CSHTML
, JAVA
, PHP
, PY
OTF
, TTF
, WOFF
JPG
, PNG
, SVG
Auto-refresh works with folders. You can set up auto-refresh for any local folder(s).
Setting up
Watchers management
Go to blisk://setup/#auto-refresh
. If you have at least one file watcher - it will be displayed in the list watchers You can enable/disable any watcher by clicking toggle button, edit it or remove watchers.
Advanced settings
You can set up advanced setting for each auto-refresh:
Blisk monitors page errors in JavaScript and resources that failed to load. Blisk notifies you when the issue appears, provides errors report and searches for the solution on StackOverflow.
Error notifier has two states:
Blisk delivers own page inspector with most important CSS properties. It powers quick inspecting of any element on desktop or mobile without launching DevTools.
Page inspector has two states:
Within Toolbox you can enable/change the device and make changes to Blisk settings (Scroll sync, Device sync, Cache, Blisk theme). Since v.11, Blisk shows Toolbox on all pages except system pages.
With Device list toggler, you can collapse or expand the device list. The toggler has two states:
default
).
Scroll sync allows the device and desktop follow each other by the scroll position. Scroll sync has two states:
With enabled Device sync, Blisk sets the last selected device with its settings (device name, device size, device orientation) on each opened tab. Device sync has two states:
Blisk provides two modes of caching: Enabled and Disabled.
default
).
Blisk offers two themes: Default (light gray) and Dark theme.
Select any device in the Toolbox to enable Device content. Device content displays the selected device, its properties and some options. Learn more about Blisk interface.
default
).
height
× width
value
value
value
OS
+ browser
default
).
Click button to close the active device.
Press SHIFT
, hover over the device and drag the cursor to top / to bottom.
Drag the splitter to resize device and desktop views. Splitter is a gray vertical bar between device view and regular desktop view.
Desktop content is a regular webview (same as in Chrome, Firefox or Safari). Learn more about Blisk user interface.
Desktop content is available within three layouts. Learn more about Blisk layouts.
Blisk includes additional links to settings:
Blisk lets you perform most tasks directly from the keyboard. You can find the list of the default bindings (keyboard shortcuts) below. Note: you cannot change the existing shortcuts.
Action | Windows | Mac |
---|---|---|
Default view |
|
|
Mobile-only view |
|
|
Desktop-only view |
|
|
Take mobile screenshot |
|
|
Take desktop screenshot |
|
|
Start screen recording |
|
|
Auto-refresh |
|
|
Error notifier |
|
|
Page inspector |
|
|
Show device DevTools |
|
|
Rotate the device |
|
|
Blisk setup |
|
|
If you face the issue with Blisk, please try to restart the browser and check if the problem still reproduces. Before submitting a bug report, please check that you're using the latest version of Blisk.
When submitting the bug report, please mention your Operating system and it's version, version of Blisk.
Contact us, if you have any questions - we're always ready to help!
You can subscribe to our news and updates by leaving your Email in the footer or by following us on Twitter.
By downloading Blisk, you accept the License Agreement and our Privacy policy