一.前言
本軟文主要通過最近發(fā)生在本公司身上的一件真事兒聚谁，來講解公司產(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)營工作养筒，該產(chǎn)品主要功能是基于真實(shí)用戶體驗(yàn)曾撤，多維度分析網(wǎng)站頁面的性能瓶頸，幫用戶定位分析網(wǎng)站性能問題晕粪，為了便于后續(xù)事情講解的展開挤悉，給大家上個(gè)產(chǎn)品總覽圖：
三.事件簡介
今天，小編在公司官網(wǎng)的Bi demo里面的「訪問域名」模塊下突然發(fā)現(xiàn)了一個(gè)很奇怪的域名巫湘，并不屬于我們公司內(nèi)部装悲，域名是「 http://www.paijianbao.cn/ 」
大家可以先下面的截圖。
出于好奇尚氛，就訪問了下這個(gè)域名所對(duì)應(yīng)的網(wǎng)站，竟然發(fā)現(xiàn)是一家做物流 APP 的公司，而且奠涌，該頁面和我們的官網(wǎng)頁面風(fēng)格非常相近。
下圖是小編公司 OneAPM 的官網(wǎng)首頁面：http://www.oneapm.com
是不是很漂亮！很簡潔！很清新冲粤！給我們前端設(shè)計(jì)的帥哥點(diǎn)個(gè)大大的贊先梯捕！
再給大家看看這個(gè)物流 APP 網(wǎng)站的頁面：
是不是風(fēng)格很像碌奉。嫉拐。。。塌计。
其實(shí)，原因很簡單：OneAPM 的官網(wǎng)被派件寶拷貝走了贱傀，然后改成了自己的網(wǎng)站，也就是我們俗稱的株搔，全站拷貝！
四.事件分析
Browser Insight（以下稱 Bi）的工作原理就是在網(wǎng)站的頁面插入 js 腳本，然后采集每個(gè)用戶訪問網(wǎng)站的詳細(xì)情況來收集數(shù)據(jù)的剑令，而「派件寶」在拷貝 OneAPM 代碼的時(shí)候沒有注意到頁面中 Bi 的腳本棚蓄，所以稍算，我們也就能在 demo 里面看到派件寶網(wǎng)站的性能數(shù)據(jù)了。
其實(shí)這樣的事情在 IT 圈子里面并不少見。大多數(shù)確實(shí)是想這次的事情似的瞪慧，是善意的覺得頁面做的不錯(cuò)拿去借鑒氨菇，但是還有一些時(shí)候是惡意的榜贴，以盜取流量為目的的拷貝。
這種事兒之前在 Bi 的用戶身上發(fā)生過，為了保護(hù)用戶隱私就不說出名字了坷随，這個(gè)用戶在 IT 業(yè)內(nèi)地位非常高，而且公司業(yè)務(wù)涉及互聯(lián)網(wǎng)媒體的業(yè)務(wù)驻龟，說流量就是命根子也不為過温眉。年前的時(shí)候，該公司就是通過「訪問域名」這個(gè)功能立刻發(fā)現(xiàn)了一個(gè)對(duì)其官網(wǎng)的惡意鏡像的翁狐。
五.產(chǎn)品介紹
小編對(duì)著自心愛的 Cherry 鍵盤發(fā)誓类溢，今天所說的都是真的！所以露懒，現(xiàn)在就要給大家介紹下 Browser Insight 這款工具闯冷，讓大家了解下如此厲害的工具是什么樣子的~
Bi 這款工具的主要作用就是基于真實(shí)用戶體驗(yàn)優(yōu)化網(wǎng)站的前端頁面，并統(tǒng)計(jì)用戶的訪問情況等懈词。
不多說什么廢話蛇耀，先直接上干貨，來個(gè)總覽圖先坎弯！
可以看到纺涤，功能維度非常豐富，從多個(gè)角度對(duì)用戶訪問進(jìn)行匯總功能抠忘，既有宏觀的例如定位分析功能撩炊，也有細(xì)致的資源耗時(shí)瀑布流圖等角度，讓使用者清晰的知道自己該優(yōu)化哪些東西褐桌。
瀑布資源耗時(shí)列表衰抑，讓頁面慢加載無所遁形！
定位分析功能荧嵌，從「上帝」的視角了解您的所有用戶呛踊！
腳本錯(cuò)誤分析砾淌，線上線下測試均給力！
其他各個(gè)功能點(diǎn)例如 「AJAX 接口」谭网、「地理」汪厨、「瀏覽器」等就不給大家一一截圖了，有興趣的小盆友可以親自去試試看愉择，部署方式也很簡單~
備注：雖然直接拷貝他人的網(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 頁面座每。想閱讀更多技術(shù)文章前鹅，請(qǐng)?jiān)L問OneAPM 官方技術(shù)博客。
本文轉(zhuǎn)自 OneAPM 官方博客
