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