如何用JS写一个chrome插件来搜索现成的网页内容并替换

JavaScript015

如何用JS写一个chrome插件来搜索现成的网页内容并替换,第1张

<input type="button" onclick="createjs()"/>

function createjs()

{

var fso,f1

fso=new ActiveXObject("Scripting.FileSystemObject") 

f1=fso.CreateTextFile("e:\\js.js",true)//路径自行定义,也可以能过参数

f1.WriteLine("js代码") 

f1.WriteBlankLines(1) 

f1.Close() 

}

方法如下:

1、创建一个单独的文件夹,比如说为百度贴吧开发一个插件,就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件,在里面写上如下的样子。

{

"name": "TiebaAddin",

"version": "1.0",

"description": "An addin for Tieba.",

"browser_action": {"default_icon": "icon.png"},

"permissions": [http://*/*]

}

2、现在需要找一个图标,放在这个目录下,名字叫icon.png,当然,这个名字只要和上面的配置文件里default_icon的属性一致就好。

3、现在只要点击Chrome工具条的菜单按钮选择里面的工具(Tools)>>扩展(Extensions)就好。菜单按钮如右图。

4、选择开发者模式,选择加载未打包的插件,然后,选择第一步中的那个文件夹即可。

5、在地址栏的右侧出现了图标,但是点击图标却什么也没做,因为我们还什么代码没有写。现在在那个目录下,建立一个html文件,并且名字为popup.html,同时在配置文件里“browser_action”下加上一条:"popup": "popup.html"。

示范:

{

"name": "TiebaAddin",

"version": "1.0",

"description": "An addin for Tieba.",

"browser_action": {"default_icon": "icon.png","popup": "popup.html"},

"permissions": [http://*/*]

}

      此处注意,每一对大括号里的最后一项后面都没有逗号,其余的每项之间必须用逗号间隔!哪怕是browser_action这样复合的项目,在他的大括号后也要有逗号。

6、在Popup.html里写上一些html代码,比如简单的输出HelloWorld也好,这个Popup.html和普通的html文件按没有任何差别。

7、这就是基本的插件制作方法。