3d real 開發者工具
總結github：
詳情：3d real 開發者工具，可以幫助您開發自己的三維產品展示頁面，提供了高度自定義的介面。
名詞定義為了保證安全，以下介面需要通過後端接入，然後通過你們自行設計的介面將資料傳入到前端，並把資料給到3d前端sdk。
url：/api/getaccesstoken
method：get
querydata:
accesskey: 從api申請頁面拿到的accesskey,
accesssecret: 從api申請頁面拿到的accesssecret
return:
var api = new threedrealapi(token: string);
引數解析:
token: 使用 accesskey 和 accesssecret 獲取的token。
api.fetchscenes()
引數解析:
返回值: promise<>
api.fetchscenes()
引數解析:
返回值: promise<>
api.getcollocationview();
引數解析:
返回值: promise<>
api.getmodelview(div: htmldivelement, id: number, finish?: () => void);
引數解析:
返回值: promise<>
viewer.selectproduct(productindex: number);
引數解析:
productindex: 當前產品對應的下標.
返回值: undefined
說明: 用於動畫切換，如果沒有觸發動畫，請確認後台是否有設定動畫操作。
viewer.selectcombination(productindex: number, combindex: number);
引數解析:
productindex: 當前產品對應的下標.
combindex: 當前組合的下標.
返回值: undefined
說明: 用於動畫切換，如果沒有觸發動畫，請確認後台是否有設定動畫操作。
viewer.selectelement(productindex: number, combindex: number, pindex: number, eindex: number);
引數解析:
productindex: 當前產品對應的下標.
combindex: 當前組合的下標.
pindex: 當前部件的下標.
eindex: 需要切換到的元件的下標.
返回值: promise
viewer.selectfabric (productindex: number, combindex: number, targetfindex: number);
引數解析:
productindex: 當前產品對應的下標.
combindex: 當前組合的下標.
targetfindex: 需要切換到的面料的下標
返回值: promise
viewer.destroy()Chrome開發者工具使用
elements 元素 允許我們從瀏覽器的角度看頁面，也就是說我們可以看到chrome渲染頁面所需要的的html css和dom document object model 物件。此外，還可以編輯這些內容更改頁面顯示效果。console 控制台 顯示各種警告與錯誤資訊，並且提供了shell用來和文件...
巧用chrome開發者工具
說明 截圖中的chrome版本為52，不同版本可能略有區別。開發時消除靜態資源快取不能立刻更新的困擾，勾選disable cache即可 切換顏色顯示格式 修改預設顏色顯示格式，在settings 控制台按f1 preferences elements color format 快速選中dom節點，...
Chrome開發者工具面板
network面板可以記錄頁面上的網路請求的詳情資訊，從發起網頁頁面請求request後分析http請求後得到的各個請求資源資訊 包括狀態 資源型別 大小 所用時間 request和response等 可以根據這個進行網路效能優化。我把google官方 上介紹network面板的圖貼到這裡，該面板主...