作者：月亮哥哥是团宠他男人 | 来源：互联网 | 2023-06-03 10:51
--1.在html文件中引用js文件--2.在GoogleChrome中开发简单插件1.首先，简单说明一下在html中引用js文件：将kittenbook.html和k
--1. 在html文件中引用js 文件
--2.在Google Chrome中开发简单插件
1.首先，简单说明一下在html 中引用js 文件：
将kittenbook.html 和 kittenbook.js 文件放在相同的目录下，两个文件的内容如下：
<html>
<body>
<p> Hello,worldp>
<script type="text/Javascript" src="kittenbook.js">script>
body>
html>
var username = prompt('Hello, what \'s your name?');
document.body.innerHTML = 'Hello, ' + username + '!
';
输入name（此处输入Sam），并点击确定；根据 kittenbook.js的配置，会出现如下所示：
2.在Google Chrome 浏览器中开发插件 --- 此例为，访问百度主页时，会出现问候语。
首先打开 开发者模式 
新建一个manifest.json 文件，此处内容为：
{
"manifest_version": 2,
"name" : "kittenbook",
"description" : "Replace photos on Facebook with kittens",
"version": "0.0.1.1",
"content_scripts" :[
{
"matches" : ["*://www.baidu.com/*"],
"js" : ["value.js" , "prompt.js"]
}
]
}
value.js 和 prompt.js 的内容如下，这三个文件是放在同一个目录下的。
prompt.js
var username = prompt('Hello, what \'s your name?');
//Option 1 ,use username/projectName/versionNumber/currentTime directly
document.body.innerHTML = 'Hello, ' + username + '!
' +
'' + projectName + ' ' + versionNumber + ' accessed on:' + currentTime + '
';
//Option w ,use object to store username/projectName/versionNumber/currentTime value
//document.body.innerHTML = 'Hello, ' + username + '!
' +
// '' + kbValues.projectName + ' ' + kbValues.versionNumber + ' accessed on:' + kbValues.currentTime + '
';
value.js
var projectName = 'kittenbook';
var versiOnNumber= '1.0.2';
var currentDate = new Date();
var currentTime = currentDate.getFullYear() + '-' +
(currentDate.getMonth() + 1) + '-' + currentDate.getDate() + ' at ' + currentDate.getHours() + ":" + currentDate.getMinutes() + ":" + currentDate.getSeconds();
var kbValues = {
projectName: projectName,
versionNumber : versionNumber,
currentTime : currentTime
};
manifest.json / prompt.js /value.js，准备好之后，使用Chrome浏览器，在扩展程序页面，点击 “加载已解压的扩展程序” 加载 manifest.json 文件：
加载成功后，如下所示:
此时，在Chrome浏览器中输入 www.baidu.com ,会弹出提示框：
输入name,并点击确定，会看到如下页面:
启用这个插件后，会影响正常访问百度主页。开发完成后，在浏览器扩展程序页面取消启用插件即可。
---可参考《一路编程》 Steven Foote
京公网安备 11010802041100号