- 一般我們調(diào)試，測試等都是在我們身邊可以清晰的找到代碼的bug，但是要是遠(yuǎn)程兩個人調(diào)試一個項(xiàng)目呢？
- 接下來pagespy就可以解決我們的這個難點(diǎn)了，不過想要在生產(chǎn)的項(xiàng)目中使用，需要你自己再去做些處理（
這個不是pagespy中帶的api啥的，是需要我們自己處理的），就像vconsole等調(diào)試，會一直展示在頁面上的，這個就需要自己進(jìn)行處理了 - 實(shí)操開始
1、下載
npm install -g @huolala-tech/page-spy-api
2、在當(dāng)前的項(xiàng)目中引入sdk及部分代碼(具體代碼可直接在官網(wǎng)查看)代碼中的host:6752可以替換為你當(dāng)前啟動項(xiàng)目的端口號
<script crossorigin="anonymous" src="http://localhost:6752/page-spy/index.min.js"></script>
<script>
window.$pageSpy = new PageSpy()
</script>
3、啟動當(dāng)前項(xiàng)目，在新建一個終端啟動pagespy： page-spy-api
4、在啟動的項(xiàng)目頁面左下角就會有個圖標(biāo)，說明成功了
image.png
5、在啟動pagespy中有個地址打開選擇房間列表，默認(rèn)會展示我們當(dāng)前的項(xiàng)目，要是沒有的話，輸入上方圖片中的設(shè)備id搜索即可
image.png
6、可以點(diǎn)擊當(dāng)前的項(xiàng)目進(jìn)行調(diào)試?yán)?br>
image.png
- 注意：
1、目前如果你的項(xiàng)目是打包后的，可以直接運(yùn)行page-spy-api就可以啦
2、關(guān)閉page-spy-api終端后，遠(yuǎn)端的項(xiàng)目需要關(guān)閉當(dāng)前頁面重新打開就不會展示（清緩存可以試下）然后就不會顯示在頁面上了,否則就會一直展示在頁面中
