谷歌浏览器调用本地exe程序

在现代的软件开发中，浏览器与本地程序的交互变得越来越频繁。谷歌浏览器（Chrome）作为全球最受欢迎的浏览器之一，提供了丰富的扩展程序支持，使得用户可以通过扩展程序实现与本地程序的交互。本文将介绍如何通过谷歌浏览器的扩展程序调用本地的可执行文件（exe）程序。

准备工作

在开始之前，请确保您已经安装了谷歌浏览器，并且熟悉了扩展程序的开发环境。以下是准备工作中的几个步骤：

1. 打开谷歌浏览器，进入扩展程序页面（chrome://extensions/）。

2. 启用开发者模式。

3. 点击加载已解压的扩展程序，选择一个文件夹，用于存放您的扩展程序代码。

创建扩展程序结构

创建一个扩展程序的基本结构，包括以下文件和文件夹：

1. `manifest.json`：扩展程序的主要配置文件，定义了扩展程序的名称、版本、权限等信息。

2. `background.js`：后台脚本，用于处理扩展程序的生命周期事件。

3. `content.js`：内容脚本，用于与网页内容交互。

4. `popup.html`：弹出窗口的HTML文件，用户可以通过它来触发扩展程序的功能。

5. `popup.js`：弹出窗口的JavaScript文件，用于处理用户与弹出窗口的交互。

配置manifest.json

在`manifest.json`文件中，配置以下内容：

```json

manifest_version: 2,

name: Local Executable Runner,

version: 1.0,

description: Run local executable files from Chrome.,

permissions: [

activeTab,

scripting\

],

background: {

scripts: [background.js],

persistent: false

},

browser_action: {

default_popup: popup.html,

default_icon: icon.png\

}

```

编写background.js

在`background.js`中，编写以下代码，以便在用户点击浏览器工具栏图标时触发本地程序的执行：

```javascript

chrome.browserAction.onClicked.addListener(function(tab) {

const pathToExe = 'C:\\\\path\\\\to\\\\your\\\\program.exe'; // 修改为您的本地程序路径

const spawn = require('child_process').spawn;

const child = spawn(pathToExe);

child.stdout.on('data', (data) => {

console.log(`stdout: ${data}`);

});

child.stderr.on('data', (data) => {

console.error(`stderr: ${data}`);

});

child.on('close', (code) => {

console.log(`child process exited with code ${code}`);

});

});

```

创建popup.html和popup.js

在`popup.html`中，添加一个按钮，用于触发本地程序的执行：

```html

Run Executable

```

在`popup.js`中，添加以下代码，以便在用户点击按钮时执行`background.js`中的函数：

```javascript

document.getElementById('runExe').addEventListener('click', function() {

chrome.runtime.sendMessage({action: runExe});

});

```

测试扩展程序

完成以上步骤后，重新加载扩展程序，并点击浏览器工具栏上的图标。如果一切正常，您应该能够看到弹出窗口，点击Run Executable按钮后，本地程序应该会被执行。请确保您的本地程序路径正确，并且有足够的权限执行该程序。