金山毒霸和Chrome浏览器植入脚本导致网页报错

  1 (function(win, undefined) {
 var SELECTORS = transformSelector;

 function insertTemplate(callback) {
   getTemplate('views/price-alert-messager.html', function(template) {
     $(document.body).append(template).attr('data-ruyitao-price-mind-inserted', 1)
     callback && callback()
   })
 }

 function getItemTemplate(item) {
   var currentPrice = parseFloat(item.original_price) - parseFloat(item.reduction_price)
   var html = '<li class="' + SELECTORS('pamb-message') + '" data-id=' + item.id +'>'
   html += '<div class="' + SELECTORS('pamb-product-img') + '"><img src="' + item.small_image +'" /></div>'
   html += '<div class="' + SELECTORS('pamb-product-info') + '">'
   html += '<div class="' + SELECTORS('pamb-product-title') + '">' + item.title + '</div>'
   html += '<div class="' + SELECTORS('pamb-current-price-wrap') + '"><span>已经降到了</span>'
   html += '<span class="' + SELECTORS('pamb-current-price') + '">￥' + currentPrice.toFixed(2) + '</span></div>'
   html += '<div class="' + SELECTORS('pamb-price-reduction-wrap') + '">降了￥' + item.reduction_price + '</div></div></li>'
   return html
 }

 function bindEvents() {
   $('#' + SELECTORS('pamb-messages')).delegate('.' + SELECTORS('pamb-message') , 'click', function() {
     var itemId = $(this).attr('data-id')
     var url = 'http://ruyi.taobao.com/item/' + encodeURIComponent(itemId) + '?utm_medium=ext&utm_source=ruyi'
     openTab(url, true)
   })

   $('#' + SELECTORS('pamb-close')).click(function() {
     hide()
   })
 }

 function show() {
   var $wrapper = $('#' + SELECTORS('pamb-wrapper'))
   $wrapper.css('bottom', 0)
 }

 function hide() {
   var $wrapper = $('#' + SELECTORS('pamb-wrapper'))
   var outerHeight = $wrapper.outerHeight()
   $wrapper.css('bottom', -outerHeight + 'px')
 }

 function clearUnreadPriceMindMessages() {
   chrome.runtime.sendMessage({
     topic: 'clear_unread_price_mind_messages'
   })
 }

 function render(messages) {
   if (messages && messages.length > 0) {
     var templateInserted = $(document.body).attr('data-ruyitao-price-mind-inserted') == 1
     if (templateInserted) {
       callback()
     } else {
       insertTemplate(callback)
     }
   }

   function callback() {
     var html = ''
     var i = 0
     var len = messages.length
     len = len < 3 ? len : 3
     for (; i < len; i++) {
       html += getItemTemplate(messages[i])
     }

     $('#' + SELECTORS('pamb-messages')).html(html)
     !templateInserted && bindEvents()
     show()
     clearUnreadPriceMindMessages()
   }
 }

 function replaceTemplateSelectors(html) {
   return html.replace(/ruyitao-selector-prefix-([\w_-]+)/g, function() {
     return transformSelector(arguments[1]);
   });
 }

 function getTemplate(pageName, callback) {
   var self = this;
   chrome.runtime.sendMessage({
     topic: "get_template",
     page: pageName
   }, function (res) {
     var template = replaceTemplateSelectors(res.template);
     sanitizeHTML(template, function(sanitizedTemplate) {
       callback(sanitizedTemplate);
     })
   });
 }

 function sanitizeHTML (htmlString, callback) {
   var rScript = /<script\b[\s\S]*?<\/script\s*>/g;
   var rOnEvent = /\bon[A-z]+\s*=\s*['"]?[^>"]+['"]?/g;
   var rHref = /href\s*=\s*['"]?\s*javascript:/g;
   var result = htmlString.replace(rScript, '').replace(rOnEvent, ' ').replace(rHref, ' ');
   callback(result)
 }

 function openTab(url, select) {
   select = select || false;
   chrome.runtime.sendMessage({
     topic: 'tab_open',
     url: url,
     selected: select
   });
 }

 var _selectors = {};
 var _selectors_seen = {};
 function generateRandomString() {
   var rand_str = String.fromCharCode(Math.floor(Math.random() * 25 + 97)) +
     Math.floor(Math.random() * 134217728).toString(36);
   if ( typeof _selectors_seen[rand_str] != "undefined" ) {
     return generateRandomString();
   } else {
     _selectors_seen[rand_str] = true;
     return rand_str;
   }
 }

 function transformSelector(selector) {
   // return 'ruyitao-' + selector;
   if ( typeof _selectors[selector] != "undefined" ) {
     return _selectors[selector];
   }
   // @if firefox
   var prefix = 'ryt-';
   // @else
   var prefix = '';
   // @endif
   return _selectors[selector] = prefix + generateRandomString();
 }

 chrome.runtime.onMessage.addListener(function(req, sender) {
 Uncaught TypeError: Cannot read property 'onMessage' of undefined
   switch (req.topic) {
   case 'show_price_mind_messages':
     render(req.messages)
     break;
   }
 });
 })(window);

　　近来做javascript开发，应该是做javascript平台维护，遇到很多莫名其妙的问题，脚本报错，刚开始以为是浏览器兼容性问题，后来试了很多方法，自身代码没问题，就是找不到原因，利用浏览器自带的调试工具，发现是软件在偷偷的干事情， 以上就是证据。

　　报错内容：Uncaught TypeError: Cannot read property 'onMessage' of undefined

　　类似的还有金山毒霸在网页中内嵌脚本，嵌入脚本都没关系，你不要导致别人的应用程序报错啊。因为毒霸植入的脚本导致ie浏览器下有兼容性问题而报错，对于开发和客户来说根本不知道是什么原因报错啊。找到原因之后，我亲自联系过毒霸开发人员交流，最后毒霸开发人员更新他们的内库后解决问题。通过此事还认识了一位c++高手，可惜他不懂网页，好几次问我javascript方面的东西，瞬间变成x牛了。

　　以下是毒霸内嵌脚本，留个记号：

<script defer="" type="text/javascript">
    function getOffsetLeft(o)
    {
       var left=0;
       while (o!=null && o!=document.body)
       {
          left+=o.offsetLeft;
          o=o.offsetParent;
       }
       return left;
    }

    function getOffsetTop(o)
    {
       var top=0;
       while(o!=null && o!= document.body)
       {
          top+=o.offsetTop;
          o=o.offsetParent;
       }
       return top;
    }

    function GetUrlFromPos(x, y, dep, doc)
    {
       var xVarTemp = 0;
       var yVarTemp = 0;
       if (!doc) doc = document;
       if (!dep) dep = 1;
       if (dep == 4)
       {
            return "";
       }
       var ele = doc.elementFromPoint(x, y);
       if (ele)
       {
          if (ele.nodeName == "A")
          {
            return ele.href;
          }
          if (ele.nodeName == "AREA")
          {
             return ele.href;
          }

          if (ele.nodeName == "IFRAME" || ele.nodeName == "FRAME")
          {
               xVarTemp = x - getOffsetLeft(ele) + doc.body.scrollLeft + document.documentElement.scrollLeft;
               yVarTemp = y - getOffsetTop(ele) + doc.body.scrollTop + document.documentElement.scrollTop;
               if (x == xVarTemp && yVarTemp == y)
               {
                    return "";
               }
               x = xVarTemp;
               y = yVarTemp;
               //alert(x + ' ' + getOffsetLeft(ele) + ' ' + doc.body.scrollLeft + document.documentElement.scrollLeft + ' ' + y + ' ' + getOffsetTop(ele) + ' ' + doc.body.scrollTop + document.documentElement.scrollTop)
               return GetUrlFromPos(x, y, dep+1, ele.contentDocument || ele.contentWindow.document);
          }
          else
          {
             var p = ele.parentElement;
             for (var i=0; i < 4; i++)
             {
                if (p && p.nodeName == "A")
                {
                    return p.href;
                }
                if (p && p.nodeName == "AREA")
                {
                     return p.href;
                }
                if ((p && p.parentElement))
                {
                   p = p.parentElement;
                }
                else
                {
                   break;
                }
             }
          }
       }
       return "";
    }
</script>