如何制作chrome插件,可以用jquery修改已知网页DOM

 我来答
响亮的ITdog
2017-10-23 · TA获得超过167个赞
知道小有建树答主
回答量:122
采纳率:0%
帮助的人:96.5万
展开全部

第一步:新建一个文件夹,创建一个文件manifest.json

文件内容:

{
  "manifest_version": 2,

  "name": "用jquery搞事情",
  "description": "使用jquery操作dom",
  "version": "1.0",

  "icons": {
    "128" : "icon.png"
  },
  "permissions": [
    "tabs", "http://*/*","https://*/*"
  ],
  "content_scripts": [
    {"js":["jquery-1.10.2.js","do-something.js"],"matches":[
"https://www.baidu.com/"
]}
  ]
}

js:你要引入的js文件,这里引入jquery和你要搞事情的js文件(所有的文件都要放到这个文件夹里)

metches:匹配的网站,可以加*模糊匹配,也可以写多个匹配网站

do-something.js内容:(只是举个例子,你可以随便写)

console.log("脚本加载成功!!");
//下面可以尽情的搞事情了。
$("#su").val("百度两下");

第二步:打开chrome的扩展程序界面,选择开发者模式,加载已解压的扩展程序,然后选择你的文件夹就可以了。

看一下效果:

搞定。

育知同创教育
2018-07-28 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
Content Script
简单的说,就是扩展可以在页面插入代码。
于是就没有什么做不了的了。
更具体的,去看扩展开发文档吧
如果觉得扩展开发太复杂,可以试着开发User Script

Chrome原生支持UserScript,建议先从这个上手
写段代码,命名为*.user.js
拖到Chrome扩展管理界面,安装,就好了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式