本文目錄一覽：
- 1、如何查看網頁中某個動作的js調用情況
- 2、怎麼查看網頁打開時調用了哪些js？
- 3、Chrome瀏覽器或者360極速瀏覽器，如何查看網頁JS文件
- 4、chrome要知道別人網站js的執行過程要怎麼調試
如何查看網頁中某個動作的js調用情況
Chrome瀏覽器控制台的Sources選項下可以給JS文件打斷點查看JS文件的執行過程。
chrome是一種方法，另外，某些編輯器像vscode，是可以直接通過點擊函數名字在跳轉到函數的
怎麼查看網頁打開時調用了哪些js？
需要準備的材料分別有：電腦、chrome瀏覽器。
1、首先，chrome瀏覽器，以zhidao.baidu.com為例，進入網頁。
2、鍵盤按F12，顯示出開發者工具面板，點擊「Network」的「JS」選項。
3、刷新頁面，此時會列出所有調用的js文件。
Chrome瀏覽器或者360極速瀏覽器，如何查看網頁JS文件
按F12再選擇source菜單欄就可以看到js列表以及源代碼了，同時，你還可以進行短點調試，很方便的。
chrome要知道別人網站js的執行過程要怎麼調試
這裡舉例說明CSDN網站的調試過程：
1) 進入想要調試的網站，按F12打開調試模式
2) 點擊sources欄目，找到相關的js文件(有些網站做了加密設置，js文件不好找，例如百度)
3) 點開js文件後，點擊代碼顯示的行號可以進入調試模式，能看懂代碼就調試你想知道的執行過程即可，看不懂的話，查找init類似的關鍵字加斷點
4）進入調試模式後(添加斷點成功後)，F5刷新界面，或者手動點擊頁面刷新，F10,F12繼續(下一步)調試運行
備註: 通常而言，大網站的js都比較複雜，要看懂實屬不易,能看懂別人網站的js邏輯就好調試
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/290753.html
微信掃一掃 
支付寶掃一掃 