關鍵詞:
前言
通過探究法宣獲取積分的流程, 演示谷歌開發者工具(chrome developer tools)的一些使用方法、技巧.
高手請跳過.
法宣需要賬號才能登陸, 沒有賬號建議跳過.
課程學習賺積分
積分規則:
課程學習賺積分：每學習課件10分鍾以上獲得10積分, 每日上限為50積分
做題賺積分： 每天做一套練習分數不少於60分, 可得30積分; 每日上限為120積分
- 打開某個課程進行學習, F12打開開發者工具:
- 嘗試修改倒計時時間
使用元素選擇工具選擇倒計時的文本, elements面板自動定位到對應的位置:
- 在剛才選擇的元素上右鍵 -> break on -> subtree modifications
- 自動進入斷點, 跳轉到sources面板; 觀察右側的call stack, 前三個都是jQuery的代碼, 沒什么可看的, 點擊最后一個"vm1722...."(vm之后可能是其他數字), 點擊左下角的"{}"符號, 美化代碼;
- 代碼美化之后, 發現倒計時是根據
sps.onlineTime計算的:
- 切換到console面板, 測試能否訪問
sps.onlineTime, 發現可以, 把倒計時時間改為600秒(十分鍾):sps.onlineTime = 600
- 回到elements面板, 右側DOM breakpoints, 取消剛才打下的斷點, 繼續執行代碼:
- 發現倒計時已經變成了10分鍾
- 退出學習, 看看點擊確定之后做了什么事;
選擇確定按鈕, 右側event listeners -> click -> 點擊vm1718的鏈接;
- 自動跳轉到source面板, 點擊"{}"美化代碼, 216行的行號上點擊一下, 打一個斷點;
- 點擊頁面上的確定按鈕, 停在斷點, F11單點進入(或者工具欄上向下的箭頭), 多點幾下, 碰到壓縮的代碼就美化一下:
- 最后斷點停在sps.exitst, 讀一下代碼, 這里應該是提交記錄地方
- 把鼠標停留到函數上, 點擊懸浮框, 可以跳轉到函數定義的位置
- 這里提交了ajax請求:
做題賺積分
和學習賺積分方法相同;
總結
用到的技巧:
- 選擇某個元素
- 打DOM斷點
- 通過調用棧(call stack)分析代碼
- 使用"{}"美化代碼
- console面板修改變量
- 跳轉到html對象綁定的事件
- 單點調試
- 跳轉到函數的定義