CSS去除免费虚拟主机的广告心得分享-阿里云开发者社区

开发者社区> 技术小阿哥> 正文

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
    image
  2. 通过强制插入iframe插入广告(红框部分;演示地址http://sango.toypark.in/ad.htm
    image

    

   首先我们看iframe方式。

   查看源代码,发现有这么一行

image

    哦,明白了,空间提供商在web服务器输出html时,把所有的网页的"<body>” 强制替换成了形如 “<body><div><iframe /></div>”的样子,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的方式类似,由于每个网页都会有<body>和</body>这两个标签,所以空间商一般会选择替换其中的一个,比如把</body>替换成<script src=’…’/></body>。 为了不影响网页原本的外观,空间商一般都是替换</body>而不是<body>,这样比较人性化,广告放在最后,也就是让所有内容都加载完之后才会加载广告。

     原理如此简单,需要去掉广告也很容易了。最常见的是使用<noscript>标签、写入针对性的javascript移除广告。当然我最喜欢的也是操作性最容易的,就是采用css了,也是对网站修改最小的办法。

     具体怎样做呢,这就需要刚刚提出的第二个问题了。javascript里会是什么内容呢? 一般来说,空间商喜欢有链接、带样式的广告,所以javascript往往是写入一个div(也有写入iframe的,就可以采用上文的方法去了)。对于最常见的写入div, 我们只要通过DOM操作获取到这个div, 设置它的style=’display:none;’就行了。  怎样获取这个div? 两种情况,简单的情况是这个div有id,我们通过在css里写入类似"#id{}”的样式定义即可;如果这个div没有id,我们知道它肯定是DOM结构里的最后一个div(因为它紧靠</body>),使用DOM的getElementsByTagName()方法与lastChild属性结合即可。

演示地址的div有id,很幸运。我们找了它的id后,只需要在全局引用的css文件中这样写:

#sitemix_pr_footer{display:none;}

有广告的演示:http://degreeUs.co.cc/ad.htm

去掉广告的演示:http://degreeus.co.cc/ 整站。

    

    去广告的方式各种各样,因为空间商插入广告的方式各不相同,但无论是挂广告还是去广告,他们的原理都是一样的。有的空间商广告稍微复杂一点(如以前的websamba),但同样可以通过CSS、javascript(css expression)、DOM的方法来解决,往往都是一两句代码的事情。在下才疏学浅,不能说有什么技术含量,只能算是心得吧!呵呵,大家踊跃讨论。

    希望大家以后遇到强插广告的虚拟主机千万不要放弃,稍微动一下脑筋,就能够去掉广告哦!这非常重要,因为一般情况下好用的空间才会插广告。


本文转自 流牛木马 博客园博客,原文链接:http://www.cnblogs.com/azure/archive/2009/08/19/DegreeUs_CO_CO_AD.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用jQuery和CSS3实现的“加载中”效果按钮 极客标签 - 做最棒的极客知识分享平台
来源:http://www.gbtags.com/gb/share/2812.htm#193972-hi-1-18016-20bb88bda5c2677bbca01e6631afa70a
647 0
阿里云城市服务商分享怎么使用DTS迁移PPAS数据
使用数据传输服务(DTS)将本地数据库迁移到 RDS for PPAS,可以实现应用不停服务的情况下,平滑完成数据库的迁移工作。迁移过程中,对本地的 Oracle 数据库没有影响。那么如何操作呢,湖北区域阿里云城市服务商捷讯技术告诉您怎么使用怎么使用DTS迁移PPAS数据
1433 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4519 0
前沿分享|数澜科技联合创始人&副总裁 江敏:基于云原生数据仓库AnalyticDB PostgreSQL的最佳实践
本篇内容为2021云栖大会-云原生数据仓库AnalyticDB技术与实践峰会分论坛中,数澜科技联合创始人&副总裁江敏关于“基于云原生数据仓库AnalyticDB PostgreSQL的最佳实践”的分享。
93 0
捷讯技术分享免备案虚拟主机
最近有客户咨询国内有没有免备案的服务器,然后小编突然意识到为什么会有这个问题呢?当然答案肯定是没有,这是毋庸置疑的。但是有比较多的客户有这个需求,所以阿里云湖北授权服务中心捷讯技术的小编今天跟大家分享一下免备案虚拟主机。
1958 0
云虚拟主机独享版部分产品规格峰值带宽免费升级
信息摘要: 云虚拟主机独享版部分产品规格峰值带宽免费升级,价格不变。适用客户: 中小企业,个人站长,信息采集站等。版本/规格功能: 云虚拟主机独享版部分产品规格峰值带宽免费升级,价格不变。具体调整: 独享虚拟主机基础版的峰值带宽从之前的2Mbps提升到5Mbps。
889 0
阿里云ecs使用体验及分享
简介: 阿里云ecs使用体验及分享
34 0
9239
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载