首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

简单的谷歌插件开发记录

实现代码: https://github.com/klren0312/cookies-chrome-plugin/edit/master/README.md 原理 如果非要获取, 只能用浏览器插件或者套个...Electron, 当然还是用浏览器插件啦.浏览器插件, 通过右键点击发送, 可以将获取的cookie和ua发送到需要的页面....首先插件会在每个页面创建一个id为'content-block'的DOM, 然后主页面会通过postMessage, 通知插件获取主页面的tabId, 随后, 进入需要获取cookie和ua的页面, 右键获取...谷歌浏览器插件基本结构 ? 前端内容(content.js), 后台处理(utils.js), 插件弹框(popup.js, popup.html), 以及配置文件(manifest.json)....questions/5039875/debug-popup-html-of-a-chrome-extension 如何调试background: 进入chrome://extensions/, 开启开发者模式

1.6K20
您找到你想要的搜索结果了吗?
是的
没有找到

谷歌插件Image downloader开发之 content script

自己运营了一个公众号,在发文章的时候,需要在网上找一些图,而有些网站的图片可能隐藏在属性或者背景图中,要下载的时候经常审查元素,查看源码,不太方便,最近在看一些谷歌插件的api,便顺手做了一个插件Image...manifest.json 插件用到谷歌插件中的content script和popup。...在这个插件中,我的manifest.json是这样的: { "manifest_version": 2, "name": "Image downloader", "description":...其实这里不需要再要一个common.js的文件,只是上一次写插件的时候,公共的方法比较多,这次也将common.js留了下来。...图片不会在进入页面后马上就进行收集,只会在用户点击插件时才开始收集当前页面的图片,并将收集到的数据发送给popup处理。content script怎样与popup交互,下一篇文章再说。

1.3K00

全网最详细的谷歌插件开发小册📚

现代JavaScript高级小册 深入浅出Dar 现代TypeScript高级小 概述 可能是全网最详细的谷歌插件开发小册,之前写谷歌插件的时候绕了一圈网上的教程,没有发现比较好的文档教程,索性根据官方文档梳理一遍...地址:谷歌插件开发小册 Chrome插件 Chrome插件,或称为扩展,是一种专为Google Chrome浏览器设计的软件应用程序。...插件开发主要依赖于Web技术,包括HTML、CSS和JavaScript,因此,任何有Web开发经验的人都能够相对容易地开始Chrome插件开发。...chrome.contextMenus.onClicked.addListener(function(info, tab) { console.log("Menu item clicked: ", info.menuItemId); }); 更多详见谷歌插件...Chrome插件开发者社区 - Chrome插件开发者社区的论坛,可以在这里提问、讨论和交流插件开发的相关话题。

55420

Visual Studio Code +PHP开发 推荐插件

1、PHP Intelephense: 超好用 php 智能代码提示器,支付代码提示、查找定义、类搜索等功能,非常强大 2、PHP 接口注释插件:安装好后可以使用 “/**” 快捷键 + Tab 自动生成接口和文档注释...,用于函数,类的快速注释 更多配置可以参考插件说明—这个亲测好用 3、PHP debug插件 调试器,此插件需要安装 php-xdebug 并配置,之后才可正常使用 4、php intellisense...,php 代码自动完成插件; 5、PHP Namespace Resolver 命名空间 的快速引入, 选中类,按ctrl+alt+I 6、Code Spell Checker 单词拼写检查插件,只要你的单词拼写错误就会在错误单词下有个波浪线提示...7、code runner 可以直接在编辑器中运行代码,查看结果,非常方便,一键运行 未经允许不得转载:肥猫博客 » Visual Studio Code +PHP开发 推荐插件

42520

AI助力 0 编程基础小白开发谷歌截图插件

AI 时代,领编程基础的小白也能通过 AI 开发出来一些简单好用的小工具。 阿七今天就带大家纯使用 GPT,「开发」出自己的一款谷歌浏览器截图组件! 直接问 GPT 我们要干嘛。...我想要制作一款谷歌截图插件,生成相关代码,自我重复审核代码正确性,确保插件能够正常运行。给出完整代码。...再次导入插件,这次成功了! 但是我在点击插件按钮 Task Screenshot 的时候没有反应,我们把问题扔给 GPT。 好,这会导入插件成功。...请解释原因,并给出解决方案 我排查了前面三个原因都没有问题,最后 GPT 还告诉我们可以检查浏览器的开发者工具控制台。 怎么打开控制台?...properties of null (reading 'addEventListener') at popup.js:1:44 请解决这个报错 我们把 GPT 修改后的代码,复制到 popup.js 文件中,然后删除谷歌插件

17210

AI助力 0 编程基础小白开发谷歌截图插件

AI 时代,领编程基础的小白也能通过 AI 开发出来一些简单好用的小工具。 阿七今天就带大家纯使用 GPT,「开发」出自己的一款谷歌浏览器截图组件! 直接问 GPT 我们要干嘛。...我想要制作一款谷歌截图插件,生成相关代码,自我重复审核代码正确性,确保插件能够正常运行。给出完整代码。...再次导入插件,这次成功了! 但是我在点击插件按钮 Task Screenshot 的时候没有反应,我们把问题扔给 GPT。 好,这会导入插件成功。...请解释原因,并给出解决方案 我排查了前面三个原因都没有问题,最后 GPT 还告诉我们可以检查浏览器的开发者工具控制台。 怎么打开控制台?...properties of null (reading 'addEventListener') at popup.js:1:44 请解决这个报错 我们把 GPT 修改后的代码,复制到 popup.js 文件中,然后删除谷歌插件

15210

谷歌插件-Tampermonkey 原

Chrome里的“金手指” 安装 它包含:方便的脚本管理、脚本概览、设置多样性、脚本自动更新、安全、兼容性、Chrome 同步、CodeMirror 编辑器、JSHint 语法检查、快速开发...但是对于小编来说这个插件最大的功能是不用安装百度网盘软件,在网页上就能够直接高速下载大型文件了!...下面来给大家说一下该如何操作: 1)安装百度网盘脚本 在 Google 浏览器上安装好「Tampermonkey」插件后还需要另外单独安装脚本来实现你想要的功能。...上述方法还是需要访问外国网站才能实现 采用参考文档的方法安装脚本: 百度网盘直接下载助手 百度网盘批量离线 2)打开网盘链接 当在 Google 浏览器上打开网盘链接后,「Tampermonkey」插件图标会自动搜索到安装好的百度网盘脚本...当然「Tampermonkey」插件的功能还不止于此,除此之外还能屏蔽视频广告,能破解优酷、土豆等 VIP 会员来看视频,在这里就不给大家一一介绍如何操作了,感兴趣的小伙伴可以在网上自己查找。

1.5K10

vscode php插件插件推荐和安装)

vscode-icons 好看的图标插件 PHP Debug 配合php扩展Xdebug使用 open in browser 前端快速的打开浏览器 Bracket Pair Colorrizer...用来区分括号 PHP DocBlocker 用于函数,类的快速注释 PHP Intelephense PHP智能感知 PHP Intellisense PHP智能感知,两个都下 Path Intellisense...路径感知 PHP Namespace Resolver Namespace的快速引入, 选中类,按ctrl+alt+I TODO Hightlight 高亮关键词 TODO: FIXME: Settings...,点击左下角的设置菜单 在子栏目中点击打开设置同步按钮 最后在弹出的新窗口中勾选所有功能选项,并点击登录打开按钮绑定账号即可 这里推荐选择登录git账户 未经允许不得转载:肥猫博客 » vscode php...插件插件推荐和安装)

2.7K30

谈一谈|谷歌插件入门

1 谷歌插件简介 谷歌插件及ChormeExtensions是一个小型的程序,它可以修改并增强chrome浏览器的功能。可以使用web技术(如HTML,CSS,JavaScript)来编写。...2 插件基础 2.1 创建manifest.json文件 任何谷歌插件都必须拥有的文件,这个文件的作用简单来说就是这个插件的组成清单,在这个清单上大约能看的这个插件的大体作用 代码展示: {"manifest_version...2.2 background background可以认为是插件运行是在浏览器中的一个后台脚本,与当前浏览页面无关。...图3.3成果展示 4 总结 谷歌插件开发必须要有一定的前端开发基础,而我的前端基础才处于起步阶段,只初步了解一些静态网页的制作。所以还不能为其添加后台脚本,并且无法实现前端后台脚本之间的信息交流。...总的来说,我能实现的只有插件的安装与小图标的设置与工具栏页面的简单显示。 END

63520

插件开发】—— 1 Eclipse插件开发导盲

在真正接触eclipse插件开发一个月后,对插件开发过程以及技术要求,也有了一定的了解。遥想之前像无头苍蝇一样乱撞乱学,真心觉得浪费了不少时间。这里就总结一下学习的主要过程以及需要的资料。   ...Eclipse作为强大的开发IDE,本身也作为一款开源软件,提供给了用户强大的扩展能力。我们可以自己开发一款插件,只要放到插件目录下,就可以使用。   ...源码   关于Eclipse插件的源码,阅读起来真心不是一般的累。因为为了迎合官方的开发模式,我们自己开发插件,往往也十分庞大。一个简单的编辑器功能,基本上都要几千行甚至上万的代码。...关于设计模式,不得不说,Eclipse插件开发里面涉及到了大量的设计模式。下面就简单的介绍下插件开发中设计模式的典型应用场景。   ...后续还会不断的更新,插件开发的小技巧以及使用等等,谢谢支持。

4.1K90
领券