AddFox
  • 日本語

      • browserPath

      browserPath は開発時に自動的にブラウザを開いて拡張機能を読み込むための実行ファイルパスを設定するために使用されます。

      概要

      • 型: BrowserPathConfig
      • デフォルト値: undefined（システムのデフォルトパスを使用）
      • 必須: いいえ

      Chromium 系ブラウザ

      以下の Chromium ベースのブラウザをサポートしています：

      ブラウザ設定キーデフォルトパス
      Google Chromechrome自動検出
      Chromiumchromium自動検出
      Microsoft Edgeedge自動検出
      Bravebrave自動検出
      Vivaldivivaldi自動検出
      Operaopera自動検出
      Arcarc自動検出

      設定例

      // addfox.config.ts
export default defineConfig({
  browserPath: {
    chrome: "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
    edge: "/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge",
  },
});

      CLI で起動

      pnpm
      npm
      yarn
      bun
      pnpm dev -- -b chrome
pnpm dev -- -b edge
pnpm dev -- -b brave

      Firefox

      Firefox は web-ext ツールを使用して拡張機能を管理し、パス設定方法は同じです：

      export default defineConfig({
  browserPath: {
    firefox: "/Applications/Firefox.app/Contents/MacOS/firefox",
  },
});

      Firefox の起動

      pnpm
      npm
      yarn
      bun
      pnpm dev -- -b firefox
      Info

      Firefox 開発モードでは web-ext ツールを使用し、拡張機能のリロードは web-ext によって処理され、Addfox の WebSocket ではありません。

      各プラットフォームの例

      macOS

      export default defineConfig({
  browserPath: {
    chrome: "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
    edge: "/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge",
    firefox: "/Applications/Firefox.app/Contents/MacOS/firefox",
  },
});

      Windows

      export default defineConfig({
  browserPath: {
    chrome: "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
    edge: "C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe",
  },
});

      Linux

      export default defineConfig({
  browserPath: {
    chrome: "/usr/bin/google-chrome",
    chromium: "/usr/bin/chromium-browser",
    firefox: "/usr/bin/firefox",
  },
});

      関連設定