catonmat.net

Browserling's screen capture feature lets you take a screenshot of any region of a remote browser session, then annotate it with a pen, rectangle, text, or eraser tool. You reach it through the new unified menu, which groups screen capture with other popular features below the platform, browser, and URL controls. The workflow is: open a browser session, select the region you want, edit the resulting screenshot, and copy it out. The steps below follow the feature as described in catonmat.net's announcement of Browserling's new user interface.

Step 1: Open a browser session

Screen capture works on a live Browserling session, so you first need a browser running.

1. Open the menu and pick your operating system and browser version from the platform and browser selectors. The announcement notes this takes "a click or two" to load the version you need.
2. Enter the address of the site you want to test in the URL navigation field and click the go button. A browser opens and loads that site.

If you want to follow along with the same page the announcement used, the quick link browserling.com/chrome/110/catonmat.net/new-browserling-ui opens that blog post in Chrome 110.

Step 2: Capture a region of the screen

1. Open the menu and select Capture screen from the feature list at the bottom.
2. Select the browser region you want to capture.

Once you select the region, Browserling opens a screenshot of that region and presents the editing tools. This is the point where the capture becomes an editable image rather than a live page.

Step 3: Annotate the screenshot

The editor gives you four tools:

Use these to mark up layout bugs, highlight a specific element, or leave notes for whoever receives the screenshot.

Step 4: Get the screenshot out

The announcement states you can quickly copy screenshots to the clipboard, and that the feature has additional capabilities beyond the four editing tools. That makes the copy-to-clipboard path the fastest way to move a capture into a bug report, chat message, or document without saving a file first.

Practical notes

• Capture is region-based, not full-page by default. You choose the browser region you want, so you can grab just the part that matters instead of the whole viewport.
• Screen capture sits alongside related testing features. The same menu section also holds display options (zoom and resolution changes for responsive testing), local testing via an SSH tunnel to localhost or your local network, an on-screen keyboard for non-English computers and mobile devices, share-a-browser links, and feedback. If your goal is checking how a site looks at different sizes, display options and capture screen are often used together.
• The announcement promises a more detailed article on this feature. catonmat.net says a follow-up post will cover the screen capture feature's other capabilities in more depth, so treat the four tools above as the documented baseline rather than the full extent of what's available.

If you only need a quick annotated image of one part of a remote browser session, the four steps above are enough: open a session, capture a region, mark it up, copy it out.

catonmat.net is the personal blog of Peteris Krumins, and its most recent pinned post is an announcement of a new user interface for Browserling, the browser-testing service he co-founded. If you arrived here looking for programming articles, tool write-ups, or the Browserling product announcement, that is what the site currently leads with. The page evidence available covers the Browserling UI post in detail, so this article focuses on what that post describes and what it tells you about the site.

What the current pinned post covers

The post is titled "A new user interface for Browserling!" and describes a redesigned product interface that puts all browsers, platforms, and features behind a single menu. It includes a quick browsing link that opens the same blog post inside the latest version of Chrome via Browserling:

browserling.com/chrome/110/catonmat.net/new-browserling-ui

That link is a concrete example of how the service is meant to be used: you pick a browser and version, point it at a URL, and the site loads there.

The new menu, feature by feature

The post splits the menu into two areas. The top part handles platform, browser, and target website selection. The bottom part collects the most-used features.

Operating system and browser selection

This part of the menu lists all available platforms and browsers. The post's claim is that a click or two loads the browser version you need, rather than requiring you to navigate separate pages per platform.

URL navigation

You enter the address of the website you want to test, click the go button, and a browser opens with that site loaded. This is the core loop of the product: choose an environment, then choose a destination.

Display options

Two capabilities are described. Zooming helps on high-density displays — the post calls out 4K screens specifically. Changing resolution supports responsive testing, so you can see how a site renders at different screen sizes.

Capture screen

You select the region of the browser you want, and a screenshot of that region opens with editing tools: pen, rectangle, text annotation, and eraser. The post notes that more detail on this feature is coming in a follow-up article, and mentions additional abilities such as copying screenshots to the clipboard.

What this tells you about the site

Two things are worth separating.

catonmat.net is a blog. The post is written in the first person by the site's author, refers to "my team and I," and is framed as an announcement on his own site. That is consistent with a personal blog that also serves as a channel for product news.

Browserling is the product being announced. The features above — cross-browser testing, resolution switching, SSH tunneling to localhost, screenshot annotation — are testing-workflow features, not general browsing conveniences. If you need to check how a page behaves in a specific browser version, or on a screen size you do not have on hand, that is the use case the post is aimed at.

Practical notes before you try it

• The quick link in the post pins a specific browser version (Chrome 110). If you need a different version, use the operating system and browser selection instead of the link.
• Local testing requires an SSH tunnel to your localhost or local network. That is a setup step on your side, not something the menu does for you.
• The post does not state pricing, account requirements, or whether the new interface is available on every plan. Treat those as unconfirmed until you check the product itself.
• The author says a more detailed article on screen capture is planned, so if annotation is the feature you care about, the current post is a summary rather than full documentation.

Where to go next

If your goal is to read programming and tooling articles, browse the blog's archive rather than the pinned post. If your goal is to test a site across browsers, start from the operating system and browser selection in the new menu, then use URL navigation to load your target. The pinned post itself is the best current description of the interface, and the follow-up on screen capture is the piece to watch for if that feature matters to your workflow.

Browserling's display options let you zoom the browser in and out and change the browser resolution to a larger or smaller size. Because you can resize the viewport on demand, you can see how a website looks at different screen sizes without leaving the browser session — which is exactly what responsive web testing requires. This applies to any site you open through Browserling's URL navigation field, and the zoom control is especially useful on a 4K monitor where default rendering can look very small.

What the display options actually do

According to the Browserling new-UI announcement on catonmat.net, the display options feature covers two distinct controls:

• Zoom — scales the browser view in and out. The post specifically notes this is useful on a 4K screen.
• Resolution — switches the browser to a bigger or smaller resolution.

The post frames the combination directly as a responsive testing aid: "this feature lets you do responsive web testing as you can see how your website looks on various screen sizes."

How to use it for responsive testing

1. Open the site you want to test. Use the URL navigation field: enter the website address, click the go button, and a browser opens and loads the site.
2. Pick your target platform and browser first. The operating system and browser selection area lets you load a specific browser version in a click or two, so your responsive check runs against the rendering engine you care about.
3. Open the display options from the menu. The new interface puts platform, browser, and site selection at the top of the menu and popular features — including display options — at the bottom.
4. Change the resolution to a larger or smaller size and observe how the layout reflows.
5. Use zoom when you need to inspect detail rather than test layout — for example, on a 4K display where the default view is hard to read.

Expected result: the same page rendered at a different viewport size, so you can compare breakpoint behavior across sizes in one session.

Zoom vs. resolution: which to reach for

These are not interchangeable. Zooming changes how large things appear to you; changing resolution changes the size the page believes it is rendering into. For responsive testing, resolution is the control that matters, and zoom is a comfort setting.

Practical notes and limits

• The display options live inside the same menu as screen capture, local testing, on-screen keyboard, share-a-browser, and feedback, so you can resize and then immediately capture a screenshot of the result. The screen capture feature lets you select a browser region and annotate it with a pen, rectangle, text, and eraser tools.
• The source material describes the feature at the level of "bigger or smaller" resolution and zoom in/out; it does not list specific resolution values or preset device profiles, so plan on adjusting manually rather than selecting named device presets.
• Responsive testing here means visual inspection at different sizes. Nothing in the described feature set reports breakpoints, CSS media queries, or layout metrics automatically.

If your goal is simply to confirm a page holds up across a few widths, the resolution control plus a screenshot for each size is enough. If you need device-accurate emulation with named presets, this feature as described won't cover that on its own.

Browserling's new interface consolidates access to all browsers, platforms, and features into a single menu. The menu is split into two zones: the top handles platform, browser, and website selection, while the bottom provides shortcuts to frequently used tools. You can try it immediately via a quick browsing link that opens the blog post in the latest Chrome version.

A Single Menu for Everything

The core change is structural. Instead of scattering controls across the page, the new menu gathers everything needed to work with Browserling browsers in one place.

• Top section: platform, browser, and target website selection
• Bottom section: quick access to the most popular features

This layout means you configure what you want to test at the top, then reach for tools at the bottom without leaving the menu.

Operating System and Browser Selection

The OS and browser picker gives you quick access to all available platforms and browsers. With a click or two, you load the exact browser version you need. This is the starting point for any test session — pick your target environment first, then move on to navigation and tooling.

URL Navigation

The URL navigation field lets you jump straight to the site you want to test. Enter the website address, click the go button, and a browser opens and loads that site. No separate setup step is required between choosing a browser and loading a page.

Display Options

Display options cover two related tasks:

• Zooming the browser in and out — useful on high-resolution displays such as 4K screens
• Changing resolution to a larger or smaller size

Because you can adjust resolution freely, this feature also supports responsive web testing: you can see how your site renders across different screen sizes without switching tools.

Capture Screen

The screen capture feature takes screenshots of your browsing sessions. The flow is:

1. Select the browser region you want to capture
2. The screenshot of that region opens
3. Use the editing tools — pen, rectangle, text annotation, and eraser — to modify it

According to the announcement, this feature has additional capabilities beyond annotation, including copying screenshots to the clipboard. A more detailed article on screen capture was promised in a follow-up post.

Other Features in the Menu

Beyond display options and screen capture, the bottom of the menu includes:

How to Try It

The announcement provides a direct link: browserling.com/chrome/110/catonmat.net/new-browserling-ui. Following it opens the blog post itself in the latest version of Chrome, letting you see the new interface in action. From there, you can explore the menu, switch platforms and browsers, and test the features described above.