mirror of
https://github.com/web-infra-dev/midscene.git
synced 2025-07-24 09:21:03 +00:00
2589a9c4ca
* docs: release android automation * chore(docs): update doubao docs * chore(docs): merge docs for doubao * docs(android): update * docs(site): add more android case * docs(site): update slogan and authors * docs(site): android yaml * docs(core): instruction for override config * docs(core): update readme * Update README.md * docs(core): update readme * docs(core): update readme * docs(core): update readme * docs(core): update readme * docs(core): update README and blog for Android automation support * docs(core): update android playground doc * docs(core): enhance Android integration documentation with setup instructions * docs(core): update android playground doc * docs(core): update Android integration documentation and add setup instructions * docs(core): update bridge mode title * docs(core): update yaml docs * docs(site): chore update * docs(site): update YAML documentation with setup instructions and clarify parameters * docs(core): update instructions * chore: update docs * chore: update bridge mode docs * docs(site): translate to zh * docs(site): translate error * docs(site): remove unnecessary code block in YAML automation documentation * docs(core): update blog * docs(core): update instructions * docs(core): update instructions --------- Co-authored-by: yutao <yutao.tao@bytedance.com> Co-authored-by: yuyutaotao <167746126+yuyutaotao@users.noreply.github.com>
44 lines
1.7 KiB
Plaintext
44 lines
1.7 KiB
Plaintext
import StartExperience from './common/start-experience.mdx';
|
||
import PrepareKeyForFurtherUse from './common/prepare-key-for-further-use.mdx';
|
||
|
||
# Quick Experience by Chrome Extension
|
||
|
||
Midscene.js provides a Chrome extension. By using it, you can quickly experience the main features of Midscene on any webpage, without needing to set up a code project.
|
||
|
||
The extension shares the same code as the npm `@midscene/web` packages, so you can think of it as a playground or a way to debug with Midscene.
|
||
|
||
|
||
|
||
## Preparation
|
||
|
||
<PrepareKeyForFurtherUse />
|
||
|
||
## Install and config
|
||
|
||
Install Midscene extension from chrome web store: [Midscene](https://chromewebstore.google.com/detail/midscene/gbldofcpkknbggpkmbdaefngejllnief)
|
||
|
||
Start the extension (may be folded by Chrome extension icon), setup the config by pasting the config in the K=V format:
|
||
|
||
```bash
|
||
OPENAI_API_KEY="sk-replace-by-your-own"
|
||
# ...all other configs here (if any)
|
||
```
|
||
|
||
<StartExperience />
|
||
|
||
* [Bridge Mode by Chrome Extension](./bridge-mode-by-chrome-extension)
|
||
* [Integrate with Puppeteer](./integrate-with-puppeteer)
|
||
* [Integrate with Playwright](./integrate-with-playwright)
|
||
|
||
## FAQ
|
||
|
||
### Extension fails to run and shows 'Cannot access a chrome-extension:// URL of different extension'
|
||
|
||
It's mainly due to conflicts with other extensions injecting `<iframe />` or `<script />` into the page. Try disabling the suspicious plugins and refresh.
|
||
|
||
To find the suspicious plugins:
|
||
|
||
1. Open the Devtools of the page, find the `<script>` or `<iframe>` with a url like `chrome-extension://{ID-of-the-suspicious-plugin}/...`.
|
||
2. Copy the ID from the url, open `chrome://extensions/` , use cmd+f to find the plugin with the same ID, disable it.
|
||
3. Refresh the page, try again.
|