怎样去除免费空间(虚拟主机)的广告:CSS去除免费虚拟主机的广告心得分享
相信大多数web developer都有使用免费虚拟主机的经历吧?呵呵,无论是用来做实验、新手练手,还是一些莫名其妙的用途,你总有舍不得花钱买收费虚拟主机的时候。免费空间的作用非常大。但是我们注意到,越是好的免费虚拟主机,越是会放置烦人的强制广告。
在虚拟主机圈子内摸爬滚打多了,才知道,外国很多免费虚拟主机,质量都远比国内的收费虚拟主机好。比如我在SiteMix.jp申请的日本虚拟主机,容量1.5G,支持PHP5, 流量不限,CPU不限,Mysql数据库空间不限,还自带最新版本的Wordpress,速度飞快,稳定;如果换作是国内收费虚拟主机的话,至少是300RMB/年的价格。不信? 好吧,为了最大限度地测试它的性能,我申请了一个,做极耗资源的自动采集站,简直是飞一般的感觉(围观地址http://degreeus.co.cc/)。这不是个案,再如我在一家俄罗斯网站申请的免费虚拟主机,甚至还可以放更加耗资源的放文本数据库Web游戏(围观地址:http://www.sixsix.tu2.ru/)。注意,采集站和web游戏站,国内超过一半的收费虚拟主机都不让放的,也放不起,因为会占用太多资源。
好了,说了这么多。回归正题。
刚才说了,经验告诉我们,越是好的免费虚拟主机,越是会放置广告。由于弹窗广告的方式已经成为流氓专用,免费虚拟主机商插入广告的方式无外乎对HTML标签动手脚。具体操作基本上就跟“黑客”们在网站挂马的一样,无外乎就是以下这两种。
1、通过javascript写入广告 (红框部分,演示地址http://degreeUs.co.cc/ad.htm)
(
2、通过强制插入iframe插入广告红框部分;演示地址http://sango.toypark.in/ad.htm)

首先我们看iframe方式。
查看源代码,发现有这么一行

哦,明白了,空间提供商在web服务器输出html时,把所有的网页的"
” 强制替换成了形如 “”的样子,iframe里是广告页面,这样就形成了类似于网站挂马的强制广告。干掉iframe广告的方法很多,本文只讨论使用css来处理之。
大家都知道CSS可以直接描述一个可视标记的外观。例如:p{color:red} 则网页里所有p标记里的文字颜色都会变成红色;iframe不也是一个标记吗?来:
iframe{...这里写描述外观的CSS代码;};
具体就是 iframe{ad:expression(this.src='about:blank',this.outerHTML='');}
解释一下,首先,选择所有的iframe,然后,随便定义一个css属性,如ad,通过expression设置iframe内嵌网址为空,最后,通过设置outerHTML属性移除iframe标记。这样就解决咯~
有广告的演示:http://sango.toypark.in/ad.htm
去掉广告的演示:http://sango.toypark.in/noad.htm
接下来我们讨论javascript形式的广告如何去。
首先我们先思考两个问题:1.空间商会在哪里插入javascript,以保证他插入的javascript能够正常运行,且不破坏原本的网页呢?必须要一个通用的方法适合每个网站 ; 2.javascript里会是什么内容呢?
做过网站的朋友都知道,与插入iframe的方式类似,由于每个网页都会有
和这两个标签,所以空间商一般会选择替换其中的一个,比如把替换成