@(编程)

本文介绍如何利用Chrome 的插件, 从我们的一个网站中启动一个我们的本地程序。本文的环境是windows10，本文的例子是通过点击网页上的一个button，调用本地的word。

chrome插件的内容

一个chrome插件包括三个文件：manifest.json(名字不可改, 建插件必须文件),background.js(文件名可改, 后台文件),content.js(content script文件 负责与网站页面交互)

manifest.json
{

	"name" : "WisdombudRun",

	"version" : "1.0.1",

	"description" : "Launch APP ",

	"background" : { "scripts": ["background.js"] },

	"permissions" : [

		"nativeMessaging",

		"tabs",

		"http://localhost:8000/*"

	],

	"content_scripts": [

    {

      "matches": ["http://localhost:8000/*"],

      "js": ["content.js"]

    }

	],

	"minimum_chrome_version" : "6.0.0.0",

	"manifest_version": 2

}
background.js
var port = null;

chrome.runtime.onMessage.addListener(

  function(request, sender, sendResponse) {

     if (request.type == "launch"){

       	connectToNativeHost(request.message);

    }

	return true;

});

//onNativeDisconnect

function onDisconnected()

{

	console.log(chrome.runtime.lastError);

	console.log('disconnected from native app.');

	port = null;

}

function onNativeMessage(message) {

	console.log('recieved message from native app: ' + JSON.stringify(message));

}

//connect to native host and get the communicatetion port

function connectToNativeHost(msg)

{

	var nativeHostName = "com.wisdombud.qingdao";

	console.log(nativeHostName);

 	port = chrome.runtime.connectNative(nativeHostName);

	port.onMessage.addListener(onNativeMessage);

	port.onDisconnect.addListener(onDisconnected);

	port.postMessage({message: msg});

 }
content.js
var launch_message;

document.addEventListener('myCustomEvent', function(evt) {

chrome.runtime.sendMessage({type: "launch", message: evt.detail}, function(response) {

  console.log(response)

});

}, false);

chrome插件的安装

  1. 把上面三个文件放到一个文件夹内，比如c:\chrome_extension。打开chrome，在地址中输入chrome://extensions/，进入扩展程序管理页面。
  2. 选中开发者模式，点击“加载已解压的扩展程序”，选择c:\chrome_extension，则安装FastRun成功。

创建nativecall.json

{

	"name": "com.wisdombud.qingdao",

	"description": "Chrome sent message to native app.",

	"path": "C:\\Program Files (x86)\\Microsoft Office\\Office12\\WINWORD.EXE",

	"type": "stdio",

	"allowed_origins": [

		"chrome-extension://jcmbkmpakeoglgjfhconhbkoppiichce/"

	]

}

把上述文件放到一个目录下，如c:\native.

配置注册表

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\SOFTWARE\Google\Chrome\NativeMessagingHosts\com.wisdombud.qingdao]

@="C:\\native\\nativecall.json"

把上面的内容另存为一个install.reg文件，双击此文件，则在注册表中添加相关信息。

调用代码

<html>

<head>

<script>

function startApp() {

	alert("haha")

	var evt = document.createEvent("CustomEvent");

	evt.initCustomEvent('myCustomEvent', true, false, "");

	// fire the event

	document.dispatchEvent(evt);

}

</script>

</head>

<body>

<button type="button" onClick="startApp()" id="startApp">startApp</button>

</body>

</html>

运行以上程序，点击这个button，就可以调用winword了。

需要注意的地方

  1. 本地文件修改nativecall.json文件
  2. manifest.json中有关于哪些网站可信任的配置，需要配置为实际的内容。

其它

实际上也可以做到向本地应用传参数，本文没有实现传参数。

参考

Chrome 插件: 启动本地应用 (Native messaging)

如何通过写一个chrome扩展启动本地程序的更多相关文章

  1. 实现chrome扩展启动本地进程 - 补充

    实现chrome扩展启动本地进程 - 补充 标签: chrome扩展启动本地程序访问本地磁盘 2014-10-17 11:42 6753人阅读 评论(17) 收藏 举报  分类: Chrome Plu ...

  2. 自己写一个chrome扩展程序 - 右键菜单扩展

    最近在学习Spring,心想dotnet如何实现类似形式呢.于是想认真学习Casetle组件,发现没有书籍!而spring的书多得很.于是只好找网上教程了.发现系统的文章不多.Terrylee好多文章 ...

  3. 跟我一起写一个chrome扩展程序

    在我没有看这本书之前,我都想象不到,原来chrome扩展程序可以这样写,真的非常有意思. 就是用最简单最基础的代码,然后就实现了一些非常有意思的玩意儿. 先看效果图 实际运用要和现实联系在一起,经历和 ...

  4. 一起来做chrome扩展《本地存储localStorage》

    chrome中的本地存储其实也是用的HTML5中localStorage,唯一区别是chrome扩展有自己的localStorage,它属于这个扩展,而不属于一个域名.得用这一点可以很好的处理扩展自己 ...

  5. 我的第一个chrome扩展（1）——读样例，实现时钟

    学习chrome扩展开发: 与网页类似,需要的知识:html,javascript chrome扩展程序的构成: manifest.json:对扩展程序的整体描述文件 { "manifest ...

  6. 给IConfiguration写一个GetAppSetting扩展方法

    给 IConfiguration 写一个 GetAppSetting 扩展方法 Intro 在 .net core 中,微软已经默认使用 appsettings.json 来代替 app.config ...

  7. 如何用原生js开发一个Chrome扩展程序

    原文地址:How to Build a Simple Chrome Extension in Vanilla JavaScript 开发一个Chrome扩展程序非常简单,只需要使用原生的js就可以完成 ...

  8. 教你如何写一个 Yii2 扩展

    前言 把一系列相关联的功能使用模块开发,好处多多,维护起来很方便,模块还可以单独发布出去,让下一个项目之间使用,真是方便. 下面我就写一个开发扩展的简单教程. Gii gii 自带帮助我们生成一个基本 ...

  9. Windows和Mac浏览器启动本地程序

    前言 这几天有个需求,需要在IE上启动本地程序,就如下面一样. 一开始,我还以为IE有提供特殊的接口,类似上图中的“RunExe”,可以找了大半天觉得不对经(找不到该方法). 后来想想不对,这种方式是 ...

随机推荐

  1. hdu1052(田忌赛马 贪心)

    好坑的一道题,不过确实是贪心的一道好题,想了好久一直无法解决平局的情况.  参考了别人的思路,然后结合了自己的想法,总算是想出来了. 这题有些步骤是必须要执行的,有四个步骤 一.当期状态田忌的最慢的马 ...

  2. Git server安装和配置

    yum install git yum install git-dameon toiseGit

  3. 51nod1022 石子归并 V2

    证明w满足四边形不等式,这里w是m的附属量,形如m[i,j]=opt{m[i,k]+m[k,j]+w[i,j]},此时大多要先证明w满足条件才能进一步证明m满足条件证明m满足四边形不等式证明s[i,j ...

  4. setTimeOut() 和 setTimeInterval()

    setTimeOut()は.指定された時間「待ってから」指定された動作を行う関数です.setTimeOut():等待指定时间,执行指定方法. setTimeInterval()は.指定された時間「間隔 ...

  5. HDU 5038 Grade

    解题思路:这题最关键的是要读懂题意,If not all the value are the same but the frequencies of them are the same, there ...

  6. AIX 第6章 指令记录

    AIX 存储管理 物理卷的概念和管理 卷组的概念和管理 逻辑卷的基本概念和管理 文件系统在逻辑卷上构建 日志文件系统的管理 镜像提高数据可用性 应用系统所需的存储切换 换页空间的功能和管理     在 ...

  7. HDU 4741

    获得 新的模板了/// 此模板 有线段和线段的最短距离方法,同时包含线段与线段的最短距离:#include<iostream> #include<stdio.h> #inclu ...

  8. 定时组件quartz系列<二>quartz的集群原理

    1.基本信息:      Quartz是一个开源的作业调度框架,它完全由java写成,并设计用于J2Se和J2EE应用中.它提供了巨大的灵活性而不牺牲简单性.你能够用它 来为执行一个作业而创建简单的或 ...

  9. VB6.0编程笔记——(2)开发环境准备&学习前导入

    工欲善其事必先利其器,着手开始学习写代码之前,我们需要先准备好需要用到的工具.这篇文章会教大家部署好环境,同时会告知前期我们需要知道的一点内容(可以不用特别理解,只要记住用法就行,后续会深入展开介绍) ...

  10. X86调用约定

    cdecl      C语言默认的调用约定,从右往左压栈,由调用者负责清栈,所以参数个数可以不固定: stdcall    windows默认调用方式,从右往左压栈,由被调用者负责栈操作. pasca ...