`

chrome扩展插件的开发--获取网页cookies

 

chrome展插件的开--取网cookies

chrome浏览器在浏览器类应用软件中一直居于榜首,很多人选择chrome浏览器不仅仅是因为它的稳定,还有它丰富的可拓展性。那么有没有想自己开发一款自己的谷歌浏览器插件呢?本文将介绍大家手动开发一个谷歌浏览器插件获取cookies.

chrome扩展插件的开发-买球官网平台

·       manifest.json

开发插件必须提供该文件,用来配置插件所有的必要信息,比如插件名字、描述、版本号、图标等;

·       插件弹窗popup

点击插件图标会弹出一个窗体,这个窗体就是 popup 。在 manifest.json 的 action 字段配置 popup, 其中 default_popup 指定点击 popup 后显示的 html 内容,路径位置相对于配置文件,另外default_icon设置的是扩展插件图片,路径位置相对于配置文件;

// manifest.json继续配置action

{

      ...

      "action": {

          "default_popup": "popup.html",

          "default_icon": "hello_extensions.png"

      }

}

 

// popup.html


  




 

 

 

·       权限配置

获取cookies需要先在manifes.json中添加对应权限;中设置哪些网站下该插件可以获取 permissions 里列举的权限;

{
    ...
    "host_permissions": [
        "http://*/*",
        "https://*/*"
    ],
    "permissions": [
        "cookies",
        "tabs"
    ]
}
 

 

 

·       popup.js

在开发插件时,不能将 js 代码直接写在 html 文件里,否则会报错,必须要单独新建一个 js 文件,然后通过 script 标签引用该文件;通过在popup.js内调用chrome获取cookies的api来获取所访问网页的cookies,并把结果展示到popup.html弹窗内部;

const $container = document.getelementbyid('container')
 
// domcontentloaded 监听当前页面的html加载完成
document.addeventlistener('domcontentloaded', () => {
    // chrome.tabs 读取浏览器已打开的tab页签,其中'active': true访问到的是当前所处的标签页
    // window_id_current 当前标签页id
    chrome.tabs.query({ 'active': true, 'windowid': chrome.windows.window_id_current },
        function (tabs) {
            console.log('什么是tabs===',chrome, tabs)
            const url = new 
            chrome.cookies.getall({
                domain: url.host
            }, (cookies) => {
                cookies.map((c) => {
                    const divele = document.createelement("div")
                    const keyele = document.createelement("span")
                    keyele.setattribute('class', 'cookiesname')
                    const valueele = document.createelement("span")
                    valueele.setattribute('class', 'cookiesvalue')
                    keyele.innerhtml = c.name   ": "
                    valueele.innerhtml = c.value
                    divele.appendchild(keyele).appendchild(valueele)
                    $container.appendchild(divele)
                })
            })
        }
    );
})

 

·       打开chrome的插件管理页面chrome://extensions

·       打开该页面右上角的开发者模式

·       点击加载已解压的扩展程序,上传本地文件即可导入插件

·       点击浏览器右上角扩展程序图标可以将自己的插件固定到浏览器顶部

 

 

 

分享到:
|
评论

相关推荐

    可在chrome内使用多标签页式的ie,同时比其它ie扩展拥有更多强大的实用功能! ie tab multi 的表现与原版ie是最相近的。 你可以不用再另外打开ie访问只能在ie中访问的网站并运行activex控件。 这个扩展只支持windows...

    语言:english 将您的cookie导出为netscape cookie文件格式aka cookies.txt,该格式与wget,curl,youtube-dl...可以通过单击任何网站上的chrome上下文菜单中的“蓝色”下载按钮或单击“获取cookies.txt”来导出cookie。

    chrome包含了“无痕浏览”(incognito)模式(与safari的“私密浏览”和internet explorer 8的“inprivate”类似),这个模式可以“让你在完全隐密的情况下浏览网页,因为你的任何活动都不会被记录下来”,同时也...

    管理员的助手扩展程序可为chrome应用程序配置saml sso。 允许管理员将已过滤的用户cookie设置保留到列入白名单的参与应用程序中。一个空的白名单将导致默认的行为是阻止所有传入的请求,而不是交出任何cookie。 管理...

    从chrome扩展栏中私下搜索。 从chrome扩展栏中私下搜索。 oscobo是一个不想被追踪或收集个人资料的人的搜索引擎。此扩展程序会将一个简单的快捷按钮添加到chrome扩展栏的oscobo搜索框。它不会更改您的默认搜索引擎。...

    xdebug helper chrome插件是一款php chrome调试插件,与zend studio,xampserver协同工作,易于调试、分析和扩展xdebug跟踪,使用也很简单,打开谷歌浏览器,几步就能解决。有需要的赶快下载吧! 使用方法:解压后,...

    这是chrome商店中最有效的清理扩展。 【插件开发者】 @malfinio technology co.,ltd. 【插件更新】 2020-11-11 14:44:23 【插件版本】 19.7.22.1059 【插件标签】 工具 净化 chrome插件 【插件...

    管理员的帮助程序扩展程序,可为chrome应用配置saml sso。 允许管理员将一组经过过滤的用户cookie转移到列入白名单的参与应用的策略中。 空的白名单将导致默认行为,即阻止所有传入请求并且不移交任何cookie。 管理...

    语言:bahasa indonesia,bahasa melayu,deutsch,english,english (united states),filipino,français,nederlands,norsk,tiế...此扩展程序将取代chrome的默认历史记录管理器delete history chrome。它可以按日期范围搜

    进入开发拓展程序,可以通过地址栏输入chrome://extensions/ ,也可以从更多工具->开发拓展程序进入 右上角开启开发者模式 加载已解压的拓展程序点击加载已解压的拓展程序,然后选择上面下载好的压缩包解压后的...

    postman是chrome上一个非常好用的http客户端插件,可惜由于chrome安全的限制,发不出带cookie的请求。如果想要发送带cookie的请求,需要开启interceptor ...将此文件下载,拖入chrome - 更多工具-扩展程序 安装即可

    web developer 这款扩展集成了各种各样的 web 开发工具,几乎是网页开发人员必备的 chrome 开发者工具扩展插件, web developer插件的工具栏很多,web developer 主要由以下几个部分组成:disable、cookies、css、...

    从javascript删除所有cookie此chrome扩展程序通过在任何页面上的任何javascript发送postmessage或单击扩展操作(即单击图标)来删除所有cookie(包括仅http的cookie)。 当您需要在自动测试中删除cookie时,此chrome...

    move cookies是一个chrome扩展程序,用于在主机之间复制/粘贴cookie。 move cookies利用本地存储来传输cookie,而不必使用剪贴板,但是,如果执行* copy *操作,move cookies也会将cookie复制到剪贴板。

    - 这是chrome商店中最有效的清理扩展。 支持语言:bahasa indonesia,bahasa melayu,deutsch,english,english (uk),english (united states),français,nederlands,norsk,tiếng việt,türkçe,dansk,español,españ...

    它不会停止当前网站(analytics等)设置的第三方cookie - 禁用第三方cookie,您应该使用相应的内容设置(chrome://设置/内容/ cookie) 禁用cookie时,它将删除此站点设置的cookie,并将重新加载当前页面。...

    *** 转到url并单击chrome工具栏中的按钮。 将删除当前web的所有cookie。 删除所有cookie时,会显示确认弹出消息。 ---------------------------------------------------------------- - --------------------------...

global site tag (gtag.js) - google analytics