playwright-chrome-extension

公開されとる

hangwin/mcp-chrome mcp-chrome が出て話題だったけど、@microsoft/playwright-mcp 付属のものが生えた

2日前

clone して npm run build:extension

どう使うんだこれ

--extension つきのやつまだ npm に出てないね

自分でビルドして試す

$ DEBUG=pw:mcp:* node cli.js --extension --port 8931

chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html にどうやってくるんだ?

@modelcontextprotocol/inspector などを使い何かツール実行した段階で新しいタブ開いてそこから承認できる

https://gyazo.com/3c377ab9a42c061fe1e6e4fca693d840

bridge 経由でアクセスできるタブは拡張アイコンがこうなる

https://gyazo.com/0969ccaec00ba6cc63e96a5c698cb3a6

tool を手動で呼び出して基本的なことはできそうなのを確認

承認後に MCP 経由で開いたタブしか操作できない

うっかり接続中のタブを閉じると再接続できない

playwright-mcp プロセスごと起動しなおすしかない?

まだちょっと実用レベルではなく PoC がリポジトリに入って作り始めるみたいな感じかな

mcp-chrome は良いけどめんどいしブラウザ全権に等しいものを渡したくない感じがあるので playwrigh 公式が一定セキュアな方法で作ってくれるのは大変良いので期待