Chrome插件开发笔记
2017-01-12 14:14
274 查看
为了工作方便写个插件解析页面数据,留个笔记
1、插件文件 manifest.json
2、manifest.json内容
{
//必填项 3个
"manifest_version": 2,
"name": "名称",
"version": "1.0",
//插件描述
"description": "描述",
//权限
"permissions": [ "<all_urls>"],
//在浏览器上的按钮属性
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
//页面加载事件
"content_scripts": [{
"matches": ["http://*/*"],
"js": ["js/DoWork.js"],
"run_at": "document_end", //在document加载后执行该脚本
"all_frames":true
}]
}
3、Js的内容,针对表格进行操作
value = document.getElementById("tbl").rows [0].cells[0];
//alert(value.innerHTML);
alert(document.title); //获取页面标题
srcvalue = document.getElementById("tbl").rows [2].cells[0].innerHTML; //将原始的数据保存
document.getElementById("tbl").rows [2].cells[0].innerHTML = "<a title=\"line 1
line2
中文\">Info</a>" + srcvalue; //添加一个a标签
1、插件文件 manifest.json
2、manifest.json内容
{
//必填项 3个
"manifest_version": 2,
"name": "名称",
"version": "1.0",
//插件描述
"description": "描述",
//权限
"permissions": [ "<all_urls>"],
//在浏览器上的按钮属性
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
//页面加载事件
"content_scripts": [{
"matches": ["http://*/*"],
"js": ["js/DoWork.js"],
"run_at": "document_end", //在document加载后执行该脚本
"all_frames":true
}]
}
3、Js的内容,针对表格进行操作
value = document.getElementById("tbl").rows [0].cells[0];
//alert(value.innerHTML);
alert(document.title); //获取页面标题
srcvalue = document.getElementById("tbl").rows [2].cells[0].innerHTML; //将原始的数据保存
document.getElementById("tbl").rows [2].cells[0].innerHTML = "<a title=\"line 1
line2
中文\">Info</a>" + srcvalue; //添加一个a标签
相关文章推荐
- chrome 插件开发笔记(1)--Overview
- Chrome插件开发学习笔记(一)
- chrome插件开发笔记1
- Chrome插件开发学习笔记(二)
- 如何开发Chrome(谷歌)浏览器的插件
- chrome插件开发
- Eclipse插件开发笔记一:对Eclipse的理解
- vs插件开发笔记
- 对Web设计和开发人员有用的15个Chrome插件
- Firefox Chrome 和IE 的平台下的插件开发历程总结
- Windows下Eclipse的Tomcat插件安装过程_Ealon的开发笔记
- 对Web设计和开发人员有用的15个Chrome插件
- Eclipse插件开发学习笔记 (一)
- Jquery 插件开发笔记整理
- Web开发人员必备的20款超赞的jQuery插件 & 15个Chrome插件
- Jquery插件按开发学习笔记(一)
- Eclipse插件开发之Facet开发笔记
- groovy笔记之一:搭建开发环境,在eclipse中安装插件
- Chrome插件开发之二: 添砖加瓦
- Chrome插件开发之二: 添砖加瓦