首页 > 如何用js阻止后续的javascript标签的载入?

如何用js阻止后续的javascript标签的载入?

假设默认的html head内容如下,我希望在head内的第一句加入我的script内容,实现后面的html、js、css内容都不再加载。

我开始感觉根本不可能实现,因为浏览器是先加载当前的html内容,之后在逐步加载js文件。但有家公司(云适配 yunshipei.com)已经实现了这样的功能,让我感觉很离奇?研究它的js代码两天也没有结果,有没有高手帮忙看看,帮我解惑??!!

云适配这样做是为了让所有适合pc访问的网站,通过加入一行他的js代码,就变成了适合手机访问的网站,我通过iphone safri web inspecter 看了,同一个页面在手机上访问,确实内容已经改变了,没有在加载原有多余的js和css。

<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
//这句script就是后加入的,通过加入这句影响后面的所有的js和css的载入。
<script id="allmobilize" charset="utf-8" src="http://pro.yunshipei.com/nwupl_edu_cn/allmobilize.min.js"></script>
<TITLE>site title </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>
<meta property="wb:webmaster" content="62560dac773ef282" />
<LINK rel=stylesheet type=text/css href="/img/100620/main.css" 
media=screen>
<LINK 
rel=stylesheet type=text/css href="/img/100715/2/dedecms.css" media=screen>
<STYLE type=text/css>
....

假如后面的资源都在墙外,并和当前页面的服务器不是一个IP,可以试试触发墙的敏感词,不过这招杀伤力太大了(这个访客在之后90秒都将不再加载这个Js了)。 代码很简单,一行即可。

....条件.... new Image().src="http://pro.yunshipei.com/dongtaiwang.com";

有超级好的好处就是,当后面请求已经发出后,再发出和谐敏感词请求,所有这个域下的处理中请求立马失败。而这,用第一位回答的哥们分析提取的这家网站的做法,无法达到这个效果。 希望楼主能感觉到社会主义的好处!~不谢啦


看了一下,我认为大致是这样的:

注意到它listen了DOMContentLoaded(可在代码中搜索DOMContentLoaded),也就是当DOM树加载完成,外联的CSS和JS还没载入的时候,它的代码开始执行大清洗。

大清洗的时候,它把原先的script标签给删掉了。可以在代码中搜索buildOriginalDOM函数。buildOriginalDOM函数里,注意到call了t.html.disable(n.headContent)t.html.disable(n.bodyContent),里面的disable方法就是在调用之处的前面一点点的位置定义的,干的事情也就是清洗掉原先的script标签。

于是它就重新建立了清洗完以后的DOM树,再继续加载页面。

只是随便扫了一眼代码,不是很确定,也很可能不是这样的。晚上有时间再仔细看看。

膜拜云适配的学长们啊。

【热门文章】
【热门文章】