%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Midscene.js
簡介 :
Midscene.js是一個利用AI技術來簡化UI自動化的工具。它通過多模態大語言模型（LLM）直觀理解用戶界面並執行必要的操作，用戶只需描述交互步驟或期望的數據格式，AI即可完成任務。這一技術的重要性在於它極大地降低了UI自動化的維護難度，減少了因界面重構導致的腳本修改工作量，同時提升了自動化測試的效率和準確性。Midscene.js支持多種集成方式，如瀏覽器插件、Puppeteer和Playwright，並且提供可視化報告和調試工具。作為開源項目，Midscene.js採用MIT許可證，保證了數據的安全性和隱私性。
需求人群 :
目標受眾為開發者和測試工程師，特別是那些需要進行UI自動化測試的人員。Midscene.js通過AI技術簡化了UI自動化的複雜性，使得非專業人員也能輕鬆進行自動化測試，提高了開發效率和測試覆蓋率。
使用場景
- 使用Midscene.js的.ai方法在搜索框輸入關鍵詞並執行搜索。
- 利用.aiQuery從商品列表中提取商品標題和價格信息。
- 通過Chrome插件在任意網頁上進行快速的UI自動化測試。
產品特色
- 通過AI執行交互、提取數據和斷言：使用.ai、.aiQuery、.aiAssert等方法簡化UI操作和數據提取。
- 瀏覽器插件快速體驗：無需編寫代碼即可在任意網頁上體驗Midscene.js的主要功能。
- 集成到Puppeteer和Playwright：方便開發者將Midscene.js集成到現有的自動化測試框架中。
- 可視化報告和調試Playground：提供中間數據的可視化展示，方便調試和優化。
- 直連模型端，無需三方服務：所有數據直接傳送到指定的模型，保障數據安全。
- 自定義模型：用戶可以選擇OpenAI GPT-4o或其他多模態模型來滿足特定需求。
- YAML格式的自動化腳本：提供靈活的腳本編寫方式，以適應不同的自動化場景。
使用教程
1. 訪問Midscene.js官網並下載對應的瀏覽器插件。
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
2. 安裝插件後，打開任意網頁，使用插件提供的自然語言輸入框描述你想要執行的操作。
3. 使用.ai、.aiQuery、.aiAssert等方法編寫自動化腳本，或者直接在插件中描述操作步驟。
4. 運行腳本，Midscene.js將根據描述執行相應的UI操作。
5. 查看可視化報告，瞭解腳本執行的詳細過程和結果。
6. 利用調試Playground對腳本進行優化和調整。
精選AI產品推薦
Pseudoeditor
PseudoEditor是一款免費在線偽代碼編輯器。它具有語法高亮、自動完成等功能，幫助您更輕鬆地編寫偽代碼。您還可以使用我們的偽代碼編譯器功能進行測試。無需下載，即可立即使用。
開發與工具
4.5M
Erbuilder
Softbuilder的AI-powered ER diagrams generation是一款基於人工智能技術的數據建模工具，能夠根據自然語言的數據模型描述、用戶故事或需求自動生成ER圖。通過使用OpenAI GPT，它能夠快速生成精美的ER圖，大大提高了數據建模的效率。此外，它還提供數據模型文檔、驗證、探索等功能，可滿足各種數據建模需求。Softbuilder的AI-powered ER diagrams generation適用於各類企業和組織，幫助用戶輕鬆創建和管理數據模型。
開發與工具
4.1M