[樂意黎原創]chrome報錯A Parser-blocking, cross-origin script, http://s11.cnzz.com/stat.php?id=XXXXXX&show=

自從升級了chrome後，無意中發現，控制台下總人煩人的提示，是CNZZ統計的.

看了下，當前的chrome 版本是:  Version 56.0.2924.87

確切的說是警告，這個煩人的CNZZ內容提示如下：

A Parser-blocking, cross-origin script, http://s11.cnzz.com/stat.php?id=XXXXXX&show=pic, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ (index):593

如下圖所以示:

原統計代碼如下圖: 

<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_2247638'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D2247638' type='text/javascript'%3E%3C/script%3E"));</script>

示圖如下:

錯誤原因是：頁面渲染完成後使用了document.write()（cnzz統計代碼引起的，chrome53以上版本會報錯。）。

解決方案：將統計代碼改為非同步載入

新統計代碼如下：(注意替換紅色 xxx ID為自己的統計站在點ID)

          <!-- cnzz stats -->
          <script type="text/javascript">
            var cnzz_s_tag = document.createElement('script');
            cnzz_s_tag.type = 'text/javascript';
            cnzz_s_tag.async = true;
            cnzz_s_tag.charset = 'utf-8';
            cnzz_s_tag.src = 'https://w.cnzz.com/c.php?id=XXXXX&async=1';
            var root_s = document.getElementsByTagName('script')[0];
            root_s.parentNode.insertBefore(cnzz_s_tag, root_s);
          </script>

示圖如下:

修改上傳後:  再次查看，OK , 只有清爽, 沒有煩人的提示了.

大功造成，mark 一下.

2017-03-27

本文地址: http://blog.csdn.net/aerchi/article/details/66969377