通过CSS实现 hostloc 论坛个人中心、空间等显示空白/置空显示

逛Hostloc论坛时，经常发现想看下对方的资料和发布的主题回帖，结果进去后整个页面一片空白，空间也是这样，什么都看不到。

近来一位大佬发布了一段代码，来实现这种效果，以及恢复置空。这里记录一下：

首先，打开 hostloc 首页（最好首页，因为用到了formhash参数），F12 打开到开发者模式，选择控制台。然后，复制下面的代码回车，选择“是的/确定”即可。

恢复的话，可以上述步骤，选择“否/取消”就行了。

mycss='body{background:red url(https://pic.rmb.bdstatic.com/bjh/81f22363fa527a265c8ece26e9fc355a.jpeg) no-repeat !important;}div{display:none;}';
if(!confirm("恢复(n)还是使用(y)?")) mycss = '';
console.log(mycss);
formhash=document.querySelector('input[name=formhash]').value; fetch("/home.php?mod=spacecp&ac=index", {"credentials":"include","headers":{"content-type":"application/x-www-form-urlencoded"},"body":"spacecss=" + mycss + "&style=t1&diysubmit=true&formhash=" + formhash + "&layoutdata=%3c%3fxml+version%3d%221.0%22+encoding%3d%22ISO-8859-1%22%3f%3e%3croot%3e%3citem+id%3d%22diypage%22%3e%3citem+id%3d%22frame%60frame1%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bframe1%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22moveable%22%3e%3c!%5bCDATA%5bfalse%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bframe+cl%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22column%60frame1_left%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bframe1_left%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bz+column%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60profile%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bprofile%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e5%a4%b4%e5%83%8f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60personalinfo%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bpersonalinfo%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e4%b8%aa%e4%ba%ba%e8%b5%84%e6%96%99%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%221%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e7%bc%96%e8%be%91%e6%88%91%e7%9a%84%e8%b5%84%e6%96%99%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fwww.hostloc.com%2fhome.php%3fmod%3dspacecp%26ac%3dprofile%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5by+xw0%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22column%60frame1_center%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bframe1_center%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bz+column%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60thread%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bthread%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e4%b8%bb%e9%a2%98%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60wall%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bwall%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e7%95%99%e8%a8%80%e6%9d%bf%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%221%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e5%85%a8%e9%83%a8%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5by+xw0%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60statistic%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bstatistic%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e7%bb%9f%e8%ae%a1%e4%bf%a1%e6%81%af%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22column%60frame1_right%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bframe1_right%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bz+column%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60visitor%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bvisitor%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e6%9c%80%e8%bf%91%e8%ae%bf%e5%ae%a2%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22block%60share%22%3e%3citem+id%3d%22attr%22%3e%3citem+id%3d%22name%22%3e%3c!%5bCDATA%5bshare%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5bblock+move-span%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22titles%22%3e%3citem+id%3d%220%22%3e%3citem+id%3d%22text%22%3e%3c!%5bCDATA%5b%e5%88%86%e4%ba%ab%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22href%22%3e%3c!%5bCDATA%5bhttps%3a%2f%2fqwq.moe%2f%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22color%22%3e%3c!%5bCDATA%5b+!important%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22float%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22margin%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22font-size%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3citem+id%3d%22src%22%3e%3c!%5bCDATA%5b%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22className%22%3e%3citem+id%3d%220%22%3e%3c!%5bCDATA%5bblocktitle+title%5d%5d%3e%3c%2fitem%3e%3c%2fitem%3e%3citem+id%3d%22style%22%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2fitem%3e%3c%2froot%3e","method":"POST","mode":"cors"});

代码首行图片链接可以根据自己的喜好改为自己喜欢的图片。如果有对CSS熟悉的，也可以自行修改。

如果想看对方的，但是它用了这方法屏蔽了，可以再控制台中选择一个div，将样式去掉即可。

如果有担心后门的，可以自己解码查看xml内容。