一.前言
本軟文主要通過最近發生在本公司身上的一件真事兒，來講解公司產品關于快速發現網站鏡像拷貝的功能，由于沒有什么惡意，所以一些域名也就不打碼了，有什么不妥之處也歡迎大家指正。
二.公司背景
小編所在的公司是北京 OneAPM ，公司主要產品包括應用性能管理（Application Insight，Browser Insight，Mobile Insight）、應用可用性監控（Cloud Test）、云服務器及組件監控（Cloud Insight）、業務分析（Log Insight）、綜合告警（OneAlert）和應用安全防護（OneASP）等。
小編自己則負責 Browser Insight 這款產品的運營工作，該產品主要功能是基于真實用戶體驗，多維度分析網站頁面的性能瓶頸，幫用戶定位分析網站性能問題，為了便于后續事情講解的展開，給大家上個產品總覽圖：
三.事件簡介
今天，小編在公司官網的Bi demo里面的「訪問域名」模塊下突然發現了一個很奇怪的域名，并不屬于我們公司內部，域名是「 http://www.paijianbao.cn/ 」
大家可以先下面的截圖。
出于好奇，就訪問了下這個域名所對應的網站，竟然發現是一家做物流 APP 的公司，而且，該頁面和我們的官網頁面風格非常相近。
下圖是小編公司 OneAPM 的官網首頁面：http://www.oneapm.com
是不是很漂亮！很簡潔！很清新！給我們前端設計的帥哥點個大大的贊先！
再給大家看看這個物流 APP 網站的頁面：
是不是風格很像。。。。。
其實，原因很簡單：OneAPM 的官網被派件寶拷貝走了，然后改成了自己的網站，也就是我們俗稱的，全站拷貝！
四.事件分析
Browser Insight（以下稱 Bi）的工作原理就是在網站的頁面插入 js 腳本，然后采集每個用戶訪問網站的詳細情況來收集數據的，而「派件寶」在拷貝 OneAPM 代碼的時候沒有注意到頁面中 Bi 的腳本，所以，我們也就能在 demo 里面看到派件寶網站的性能數據了。
其實這樣的事情在 IT 圈子里面并不少見。大多數確實是想這次的事情似的，是善意的覺得頁面做的不錯拿去借鑒，但是還有一些時候是惡意的，以盜取流量為目的的拷貝。
這種事兒之前在 Bi 的用戶身上發生過，為了保護用戶隱私就不說出名字了，這個用戶在 IT 業內地位非常高，而且公司業務涉及互聯網媒體的業務，說流量就是命根子也不為過。年前的時候，該公司就是通過「訪問域名」這個功能立刻發現了一個對其官網的惡意鏡像的。
五.產品介紹
小編對著自心愛的 Cherry 鍵盤發誓，今天所說的都是真的！所以，現在就要給大家介紹下 Browser Insight 這款工具，讓大家了解下如此厲害的工具是什么樣子的~
Bi 這款工具的主要作用就是基于真實用戶體驗優化網站的前端頁面，并統計用戶的訪問情況等。
不多說什么廢話，先直接上干貨，來個總覽圖先！
可以看到，功能維度非常豐富，從多個角度對用戶訪問進行匯總功能，既有宏觀的例如定位分析功能，也有細致的資源耗時瀑布流圖等角度，讓使用者清晰的知道自己該優化哪些東西。
瀑布資源耗時列表，讓頁面慢加載無所遁形！
定位分析功能，從「上帝」的視角了解您的所有用戶！
腳本錯誤分析，線上線下測試均給力！
其他各個功能點例如 「AJAX 接口」、「地理」、「瀏覽器」等就不給大家一一截圖了，有興趣的小盆友可以親自去試試看，部署方式也很簡單~
備注：雖然直接拷貝他人的網站這事兒不能算個好現象，但是畢竟現在是一個開源的時代，而且變相也是對我司網站的一個認可，所以我們也不打算追究這個事情，也希望如果有機會的話，可以和派件寶有進一步的合作。
Browser Insight 是一個基于真實用戶的 Web 前端性能監控平臺，能夠幫大家定位網站性能瓶頸，網站加速效果可視化；支持瀏覽器、微信、App 瀏覽 HTML 和 HTML5 頁面。想閱讀更多技術文章，請訪問OneAPM 官方技術博客。
本文轉自 OneAPM 官方博客
