chrome插件获取网站Cookie清空网站cookie和复制cookie，jq/js复制内容到剪切板

以你之姓@ 2023-10-04 20:28 64阅读 0赞

写的一个插件可以自动获取网站的cookie和清空，还有复制功能，本文具体讲解怎么获取和清空和删除

![5e8ea8593eeb4da5bd128e88832db40e.png][]

本插件用到了jq增强：先将jq下载到本地，然后引入到页面中，就可以使用jq了

![914f420e36d341d18ebc27f05bdb5b7a.png][]

获取cookie并显示到页面上的教程：[https://xiaoshen.blog.csdn.net/article/details/128455850][https_xiaoshen.blog.csdn.net_article_details_128455850]

然后就是复制cookie的功能：

//点击后进行复制功能
        $('#copyCookie').click(function () {
          $('#hide').val(document.getElementById("cookies").innerText);//把要复制的内容给到这里
          $('#hide').select();
          try { var state = document.execCommand('copy'); } catch (err) { var state = false; }
          console.log('state----', state);
          if (state) {
            $("#copyCookie").text('Cookie已复制')
          }else{
            $("#copyCookie").text('Cookie复制失败')
          }
        })

清空网站Cookie功能：要在这个地方添加两个变量，清空cookie的时候有用

![1d4080d3d4df43a195f6da28c88bae34.png][]

显示和清空网站cookie的代码：

// 当前激活的tabUrl
      let tabUrl = null
      let tabCookies = null
    
      // 获取网站的cookie，并打印出来
      function handleCookie() {
        chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
          let url = tabUrl || tabs[0].url;
          tabUrl = url;
          // use `url` here inside the callback because it's asynchronous!
          console.log('url--', url);
          chrome.cookies.getAll({ url }, function (cookies) {
            console.log('得到的Cookie是：', cookies);
            tabCookies = cookies;
            const resList = cookies.map(item => {
              return `${item.name}=${item.value}`
            })
            const cookieStr = resList.join(";")
            console.log("cookies-----", cookieStr);
            document.getElementById("cookies").innerHTML = cookieStr
            document.getElementById("useragent").innerHTML = navigator.userAgent
          });
        });
      }
    
      // 清空网站的Cookie
      function removeCookie() {
        console.log('removeCookieurl--', tabUrl, tabCookies);
        tabCookies.forEach(item => {
          console.log('removeCookie删除的Cookie:', item.name);
          chrome.cookies.remove({ url: tabUrl, name: item.name })
        });
        // 回显cookie为空
        handleCookie()
      }

清空和复制按钮绑定事件：

// 清空cookie
        const removeCookitBtn = document.getElementById("removeCookie")
        removeCookitBtn.onclick = removeCookie
    
        //点击后进行复制功能
        $('#copyCookie').click(function () {
          $('#hide').val(document.getElementById("cookies").innerText);//把要复制的内容给到这里
          $('#hide').select();
          try { var state = document.execCommand('copy'); } catch (err) { var state = false; }
          console.log('state----', state);
          if (state) {
            $("#copyCookie").text('Cookie已复制')
          }else{
            $("#copyCookie").text('Cookie复制失败')
          }
        })

[5e8ea8593eeb4da5bd128e88832db40e.png]: https://img-blog.csdnimg.cn/5e8ea8593eeb4da5bd128e88832db40e.png
[914f420e36d341d18ebc27f05bdb5b7a.png]: https://img-blog.csdnimg.cn/914f420e36d341d18ebc27f05bdb5b7a.png
[https_xiaoshen.blog.csdn.net_article_details_128455850]: https://xiaoshen.blog.csdn.net/article/details/128455850
[1d4080d3d4df43a195f6da28c88bae34.png]: https://img-blog.csdnimg.cn/1d4080d3d4df43a195f6da28c88bae34.png