Browser Bro How-Tos
On this page, you will find our ever growing library of How To articles and tutorials. If you have a question that is not answered using our documentation, you can always contact our support or open a support ticket.
How to setup your Browser Array?
of any of the browsers in the Browser Array. Select “Change Array Layout”
Next, in each browser, enter the address of each site you wish to go to and press enter.
Zoom and Scroll to the part of the page you want to see.
Ready to Save the state of your array?
Click the action menu and …
To set ALL Browsers at Once, choose “Save Full Array Setup As Default”
to save this particular browser then choose “Set Browser x State as Default”
You can also turn this setup into a shorthand script by selecting “Create & Copy Shorthand Script To Clipboard”
Method 2:
You can also turn this setup into a shorthand script by selecting “Create & Copy Shorthand Script To Clipboard” or by writing the script yourself. Generating the script includes scroll and zoom commands.
The first command “go|array|1×4” sets a 1 Row, 4 column grid. With the subsequent commands setting the site/page to load.
Its as easy as that.
Using this method lets you then save the script and switch to this setup with one click.
go|array|1x4
1|go|https://www.linkedin.com
2|go|https://www.facebook.com
3|go|https://www.Pintrest.com
4|go|https://bsky.app/
How to script a basic webpage interaction?
To script interactions with a webpage using Shorthand Scripting is not difficult. Begin by opening the webpage you wish to script into the Output Browser of the Browser Bro Scripting Page. Just type the address in the field above the Output Browser and press enter.
The most important thing to understand is that to effect anything on a webpage you need a way to reference it.
In Browser Bro’s Shorthand Language we can reference controls on a webpage using its HTML attributes.
The TYPE command, for example, supports referencing controls by ID, name, class, aria, XPath, CSS, Placeholder
The easiest is selecting the Right Actions Menu and selecting “Elements List” from the right most actions menu.
Using this tool you can see what controls can be referenced on the page, and you can test which reference method works best.
Using this inspector, the ADD and TEST buttons in particular, it is possible to quickly put together a shorthand script by:
1. Toggling reference methods and pressing TEST to find which one works. (You may need to move or resize the inspector overlay so that you can see if it worked.)
2. Using ADD to add it to your shorthand script field after you have seen that it works.
How to set up the AI Monitoring Agent
Setting up the monitoring agent is easy, and involves 2 steps:
Writing instructions for your agent to follow. tell it when to when to use alert 1, 2, or 3, and whether to include an email notification. This is done in the “Monitoring Agent” Section of the Browser Bro Settings.- Define what from each browser (from Browser Array) you wish to send to the Monitoring Agent.
How to Optimize Token Count ($Cost) for AI Monitoring Agent
Smarter Monitoring with Browser Bro Agent LITE
The Browser Bro Monitoring Agent LITE is a versatile assistant for keeping tabs on the websites, data and information you care about — without overwhelming you or your budget.
AI inference costs money, so smart configuration is essential.
With a little bit of effort, and knowing what you want, you can make your Browser Bro AI Agent extremely cost effective.
*/ Please make sure you understand how much your agent will cost you. *\
Cost Model
The Browser Bro Agent LITE sends tokens (text chunks, image data, etc.) to your selected model (OpenAI). Costs depend on:
- How often the agent sends updates
- How much content is included in the payload
Are you sending just text Are you sending image data? or both? - Which AI model you’ve selected (Currently only GPT4+ can reliably do monitoring work. Mini and nano return too many false alarms and are not recommended.)
Optimization Is Everything
To avoid unnecessary spending and to focus your agent’s brainpower, you must optimize what gets sent. Browser Bro gives you several tools to do this:
- Specify which part of the website to include – Be precise over what you need to send. Use the include, exclude settings for each of the browsers you are including in the payload.
- Target Specific sections: Instead of sending the whole page, just send what’s inside
#product-list,.price-block, or#status-area.
How to get the best webpage snapshots
The web is a very dynamic place and taking a snapshot of a webpage is more complex than one would think.
Browser Bro supports ALL the different ways in which a snapshot of a webpage can be taken. In most cases, one of them works * best *.
Finding this is easy:
- Click the Action menu of the browser you want to take a snapshot of
- Select “Test Snapshot Methods”
- Wait for tests to complete
- Using the arrows in the header, cycle through the various tests to see how each one looks .
- Click the X to close the test popup
- Select “Browser n Settings” from the browser’s “Action Menu”
- Set the “Custom Snapshot Method” Setting
How to update Browser Bro
Updating Browser Bro is easy, this article can help you understand the update procedure for Browser Bro.
Your Browser Bro Data
It doesn’t matter where your Browser Bro application exists, your Browser Bro data is always in your /Documents/My BrowserBro Files/ folder.
Step 1: Download the latest Browser Bro version
From the downloads section of your Browser Bro account.
On Mac OS:
Step 2: Double click to un-compress Browser Bro.
Step 3: Drag or cut/paste the BrowserBro application icon into your Applications folder. You will be asked whether to add a second instance or to replace your old one.
Step 4: Right-Click the BrowserBro icon in your Dock and select “Keep in Dock” (optional)
Windows:
Step 2: Unzip BrowserBro-Windows-Latest.zip by right clicking and choosing “Extract All” and select where to unzip BrowserBro files.
Step 3: Copy the folder with the files to where you want Browser Bro to live.
Step 4: Start BrowserBro.exe
Step 5: Right-Click the BrowserBro icon and choose ‘Pin to Taskbar.’ (optional)
