书签脚本-查看网页cookie

关注

原创最新推荐文章于 2026-03-31 19:59:24 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

【JS】把JavaScript脚本作为书签收藏起来并可单击执行灵感来源于B站一个很喜欢的UP主，名字叫【imba久期】，当时发现JS还能这么玩，感觉挺有趣，就学了一下，同时他在B站也在每日更新一些JS的小程序、小技巧，欢迎大家来关注，一起学习呀！（手动滑稽）效果说明从操作上说，是将JavaScript脚本作为书签，想用的时候点一下收藏栏中对应的书签，即可执行脚本；从作用上说，主要可以对当前页面进行一些脚本上的操作，比如对特定页面DOM进行操作、改变字体颜色、删除广告等等；JS具体的用途可以说太多了，还需要大家去发现便利且实用的功能，这里只是提供一个方法；比. 阅读详情

1.写了一个书签脚本，效果是可以查看网页的cookie,算是一个练习，书签脚本还是很方便的呢
2.效果如下：大部分网站都可以
这里写图片描述
3.方法：把如下代码放入新建书签的地址栏即可

javascript:(function(){if(document.querySelector('#utah')){document.querySelector('#utah').style.display = 'block'}else{
var c = document.cookie;var s = c.split('; ').reduce((p,k)=>(p[k.split('=')[0]]=k.split('=')[1],p),{});
var template = `<div style="display:block;width:100%;float:left"><table style="border:1px solid #ebeef5;width:580px">`;for(i in s){
template+=`<tr style="border:1px solid #d2a3bb;"><td style="border:1px solid #d2a3bb;">${i}</td><td style="word-break:break-all">${s[i]}</td></tr>`
}
template+=`</table></div>`;
document.body.innerHTML+= `<div style='width:600px;height:auto;position:fixed;top:15px;left:50%;transform:translateX(-50%);z-index:99999999;color:#fff;background-color:#1c5287;padding:10px;display:block'><div style='width:20px;height:15px;float:right;text-align:center;cursor:pointer' onclick='this.parentNode.style.display="none"'>X</div>${template}</div>`}})()