今天有客户找我谈关于霸屏的业务，我曾做过百度霸屏的网站，对于这个手机霸屏（更狠）的技术可以说是一眼就看懂了，当然很多做懂html的人一眼也可以看懂，并不是什么很高技术上的事儿，今天小编也就把这个技术分享给不懂的人！

大致如图所示，当手机搜索任意关键词，用户都无法离开这些商业推广，而这些商业推广，咱们可以自定义内容。

以前的霸屏技术原因是这样的：当用户通过任意搜索引擎来到你网站后，搜索引擎的结果页面会跳转到自己的网站上，而这个自己的网站是框架百度的网站，用户一眼是看不出差距，而在搜索结果内容上面，始终有自己的广告位，因为这个网站是自己的，所以有自身的广告位。

而这个技术类似，通过制作一个与百度搜索引擎一模一样的网页结果页面，编辑html将商业推广更换成自己的推广信息，同样当用户通过搜索打开你网站的时候，搜索结果页面会跳转到你自己的提前制作的一个模拟百度站点，这个时候用户在回到搜索结果上，搜索任意关键词，都会出现你的商业推广信息。

演示地址：点击直达

当用户搜索任意关键词的时候，网站都会出现同样的商业推广信息，这样的广告，用户打开之后跑都跑不掉。

原理

达到这样的目的，原理有三个方法，方法不一样，所以处理出来的效果都会有些差距，不过本质是一样的，展现给用户的效果是一模一样的。

方法一：下载一个仿百度搜索引擎的源码，安装后，将上面的竞价内容修改为自己的内容，其实市面上很多搜索引擎程序源码，都有仿百度的模板，这是最简单的方法。实在找不到可以淘宝去买。

方法二：打开百度搜索结果页面，将一样的地方保留，将需要修改的地方，通过框架结构调用百度搜索引擎的结果页面，所以上方一样的内容可以保留并且修改，而真实的快照内容，可以通过框架调用百度的搜索结果数据。

方法三：保留竞价推广的位置，将下发的搜索结果页面的信息，通过JS读取的形式调用百度搜索结果页面，读取效果会比框架效果要好。

劫持

劫持的原理非常简单，小编以前在博客上也曾说出这个技术，通过JS识别用户访问来源，然后自动将前面的网页跳转到自身的网站上。

简单的说，用户通过搜索引擎打开你的网站的时候，搜索引擎网站会变成你自己的网站，而你自己的这个站点，就是模拟仿照百度的站点，非专业的用户是看不出来的。当然模拟需要包括：LOGO、域名等。

总结：说到这里了，看不懂也不要来问我了。