F
TauriアプリのUI変更をブラウザで即座に検証できる
by fuchigta
Tauri API をモックして、ブラウザ上でUIの見た目を確認できます。通常のブラウザではTauri APIが無いため表示されないエラーが解消されます CSS変更やレイアウト修正が実際にどう見えるかを、ブラウザの開発者ツールで即座に調査できます localhost:1420 の起動状況を自動判定し、必要に応じてバックグラウンドでアプリを立ち上げるため、手動操作が最小限です playwright-cli で自動スクリーンショット撮影やコンポーネントの入力テストも可能になります TauriデスクトップアプリのUI・CSS変更を行うフロントエンドエンジニア レイアウト確認やビジュアル検証の手間を減らしたい開発者 UIコンポーネントの見た目を素早く確認しながら設計・修正を進めたいデザイナー Tauriアプリはブラウザ単体ではTauri APIが無いため、playwright-cliの addInitScript でモックを注入してからページを開きます。まず localhost:1420 が応答しているか確認し、応答しない場合はバックグラウンドで起動して応答を待機します。playwright-cli用スクリプトは一時ファイル（例:C:\Users\\AppData\Local\Temp\ui-check.js）に書き込んでから渡します。スクリプト内では window.__TAURI_INTERNALS__ に invoke コマンドのモックデータを定義し、確認対象のコマンド（get_config、get_available_terminals等）を追加して、ブラウザでのUI表示を実現します。