如果说撩妹并不是人人得以为之的话,调戏网页的成本相对更低,风险小,且可以不存在码农与否的门槛。在轻松而又潮湿的周末,程先生来教大家几招调戏网页的技能。
当然啦,按照惯例,也会聊聊撩妹这个话题。说不定当你掌握了调戏网页的Tips之后,能顺其自然地撩动妹子的心了呢~
在IE已经滚出浏览器界的主观大前提下(撒花?),我们接下来谈到的操作都是在Chrome或者Firefox上进行。程先生先前(眼睛一抖看成了生前)习惯用Firefox进行前端学习和开发,但在工作重心从前端转向后端之后,一直使用体验上更为轻量快速便捷的Chrome;而且不得不承认的是,Chrome对开发者也非常之友好,从此路转粉。旧爱Firefox只是被用来测试浏览器的兼容性……(自古人心易多变啊)
为了本文的普适性,将不深入涉及技术原理,男女老少甚至连PM都能轻松愉快地跟着我的动作,左手右手一个慢动作~
调戏目标 之 批量删除微博
之所以以此作为调戏目标,因为程先生之前在清理上千条微博时苦于没有贴心的批量删除工具,而微博应用广场那些删除工具则会导致显示的微博数目与实际看到的不一致的后果。
打开Chrome/Firefox之后,当然先要访问weibo.com的个人主页,这里可以看到你所发的历史微博(如下图2);接着按F12呼出开发者工具,你将看到如下界面(请查看大图):
- 在浏览器底部的Console台中输入以下脚本用以加载亲爱的jQuery库,执行成功后会输出undefined:
;(function(d,s){d.body.appendChild(s=d.createElement('script')).src='[http://code.jquery.com/jquery-1.9.1.min.js](http://code.jquery.com/jquery-1.9.1.min.js)'})(document);
- 执行删除操作(可远观不可手贱哦):
同样在浏览器底部的Console台执行以下代码。需要注意的是为了防止误操作(代码比较简单,没有友好又安全的确认删除按钮),关键代码post语句已被注释,可酌情在此处替换其他命令。执行之后会输出所删除微博的id,刷新页面可看到删除的效果。(千万注意执行以下代码前请明确知道自己正在做什么)
(function($){
$("a[class='S_txt2']").each(function(){
var id = $(this).attr("name");
if(id != undefined) {
# $.post("http://weibo.com/aj/mblog/del?ajwvr=6",{mid:id})
console.log("deleted: "+id);
}
});
})(jQuery)
小插曲:细心的朋友已经发现,为何执行代码需要嵌套在匿名函数中。经调试发现jQuery的"$"符在weibo.com页面中已被剥夺了控制权,不再默认代表我们后来手动加载的jQuery。微博工程师真是心机BoyS想深究的同学可以抓下源码一窥究竟,记得回来告诉程先生哟
差不多该做晚饭了,晚上吃海鲜还是炖鸡呢,红烧牛肉虽然经典,但是东坡肉也好久没吃了……这么多泡面选择真让人纠结~
今天的文章差不多也要结束了,程先生分享的习惯是切入一个点,线和面当然得由机智的朋友们去创造去发挥,而不是加以过多的思维限制。既然知道浏览器的开发者模式通过Console控制台有如此便捷的代劳功能,脑洞就应该趁此打开。比如,Console台的性质升级下就是浏览器插件,对了,下次找个时间讲讲浏览器插件开发哈~
对于前端工程师朋友来说,这其实是一个很小的Tips,在他们丰富的知识海洋里,很少会为此产生新奇的高潮,更多的是兼容性、BUG、CodeReview、上线等关键字……
咳,同是天涯程序员,相逢何必提BUG = =#
哦对,撩妹……长话短说,直接看下图吧。我听很多人说过男人写代码的时候最帅,所以,要撩妹,抛开长相不说,要么写得一手好代码,要么,练得一身好人鱼~
耳畔仿佛传来:长相才是最重要的好哇~
哎……,好吧。