Skip to content

Latest commit

 

History

History

bridge-mode-demo

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
.gitignore
.gitignore
 
 
README.md
README.md
 
 
demo-current-tab.ts
demo-current-tab.ts
 
 
demo-new-tab.ts
demo-new-tab.ts
 
 
package.json
package.json
 
 
yaml-new-tab.yml
yaml-new-tab.yml
 
 

README.md

Bridge mode demo

This is a demo to show how to use bridge mode to control the page on your desktop Chrome.

Steps

Preparation

create .env file

# Replace with your own API key
MIDSCENE_MODEL_BASE_URL="https://.../compatible-mode/v1"
MIDSCENE_MODEL_API_KEY="sk-abcdefghijklmnopqrstuvwxyz"
MIDSCENE_MODEL_NAME="qwen3-vl-plus"
MIDSCENE_MODEL_FAMILY="qwen3-vl"

Refer to this document if your want to use other models like Qwen: https://midscenejs.com/model-strategy.html

Install

Install Midscene extension from chrome web store: Midscene

install deps

npm install

Run

Remember to click the "Allow connection" button from Chrome extension while running.

npm run demo-new-tab

Run demo to connect to the active tab.

npm run demo-current-tab

Reference

https://midscenejs.com/bridge-mode-by-chrome-extension https://midscenejs.com/api