书签脚本-查看网页cookie

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>`}})()