Chrome瀏覽器簡易除錯方式,
本篇圖片眾多,請小心服用。
Part I :錯誤尋找
1.先開啟網站,模擬錯誤出現的情形。
2.由於發現按下去了之後,動作沒產生,於是按下F12,這邊可以很明顯的看到有錯誤。右方顯示網頁位置字串。
Part II:除錯方式
1.最簡單的方法,就是在你的IDE編輯器中,直接輸入console.log(“XXXX”);
2.開啟你的瀏覽器,按下F12 後按ESC 或直 接到網頁上的位置點選
3.可以看到下方有出現console輸出列表,剛剛打的console.log( r) ,印出r的資料。由於我的 r 是物件array,所以可以按 箭頭 ,往下展開
4.如果要使用debug除錯模式,先點選上面的Sources
5.點一下你要debug的檔案,如果是js也可以由上方的資料夾開啟。
6.開啟後右方會出現你的檔案原始碼
7.找到我們剛剛打的console.log( r)
8.在旁邊行號的地方,按一下滑鼠左鍵
9.看到多了一個藍色箭頭,表示已經定位成功。由於網頁已經run過一次了,所以按了不會有反應。請重新整理你的網頁,當你重新整理到一半,應該就會看到畫面上的出現 一個 藍色的 開始的箭頭 ,然後畫面上會有一行反白的藍色框框,卡在你的中斷點。
10.將滑鼠移到變數的位置,可以看到目前變數所代表的值。右邊的視窗也能夠看到變數的值。
11.或是直接開console,在上面輸入你要查的變數。
12.按下 F11 會逐行往下執行碰到函式會進去,而按F10也是逐行執行但碰到函式,不會進入,但繼續往下執行。
14.已經執行過變數的值會變成一個浮動視窗顯示在程式碼附近。
15.知道錯再哪了,但不想一直按F10跑程式碼,可以直接按F5 直接執行,如果不把中斷點消掉,等等網頁重新整理完後,仍然會卡在那邊。
繼續執行(F5)
16.按繼續執行後,網頁恢復正常。
總網頁瀏覽量
About
每次一句
Popular Posts
-
前言 總是撐到最後才報稅, 自然人憑證到期了, 之後又要換新的身份證, 這次就來用健保卡來報稅了。 健保卡的申請方式, 參考這篇 建議是使用手機app( 健保快易通) 申請(前提是手機是掛在你名字底下), 如果用電腦申請的話,需要戶口名簿的戶號... 環境 ...
-
有時候,總是會突然需要用到,但用不到的時候就是用不到。 或許可以試試這套 for Chrome Gliffy Diagrams 要拿來畫簡單的網路架構圖也很夠用 只要會拖拉就好了, 如果沒有你要的圖片,還可以直接將你要的圖片拖到畫面上也可以直接使用。
-
本來想寫NPOI,因為最近有用到過。但後來看到 黑大介紹EPPLUS , 想說這個應該更好用。但最近的工作內容一直沒去碰到Excel。 所幸,有了一個需求,是要用excel的,而且問了網管, 網管說基本上office都是2010了。於是放心大膽的用下去。 在那之前先寫個測...
-
目前使用MEGA下載,會跑出流量限制。 有人說用白馬2.0的下載,沒問題, 但目前應該也是掛掉的狀態。 只能改掛proxy了。
-
放了四天假,第一天上班 就看到Server出了點問題, 開工作管理員沒看到有吃大量記憶體的程式, 後來查到一篇, 黑暗執行緒-Windows記憶體都用到哪裡去了? 去抓了 RAMMap 來用,才發現所有的記憶體都被Drier Locked吃掉了,大約有4xG 看了幾篇文章 ...
Categories
.NET
小技巧
小說
文章分享
正規表示法
序列埠通訊
居家
拼圖
科學上網
逆向工程
偽文青
軟體
硬體
程式概念
逸品
雲端
試算表
資料庫
資訊安全
電影
演算法
網站心得
網路
機器學習
隨筆
鍵盤
雜事記錄
Android
ATOM
AutoIT
Blogger
Chrome
CSS
Dapper
dd-wrt
Debug
DevOops
DISM
DIY
Docker
Driver
Drone
EasyUI
ECK
EPPlus
EXCEL
FFmpeg
Flot Chart
GCP
Git
GKE
Golang
Google App Script
Grafana
IIS
iOS
istio
iTunes
JavaScript
jQuery
k8s
Katalon
Kubernetes
Line
LINQ
LinqToExcel
Linux
Log4Net
MAC
MailKit
Modbus
moment
MS SQL
MsChart
Nginx
NPOI
Nuget
OpenCV
OpenData
Oracle
PHP
Postgresql
powerBuilder
PowerShell
Prometheus
Python
Raspberry
Redis
ReportViwer
RPA
Scrapy
shellScript
SignalR
Solr
SQL CLR
SRE
SRS
Swagger
T-SQL
tampermonkey
Terraform
TFS
TypeScript
Ubuntu
USB安裝
VBA
VivoStick
VMware
VPN
VS Code
WebAPI
Windchill
Windows 10
Windows 7
Windows OS
Windows Server
WorePress
Xpath
Zookeeper
0 意見:
張貼留言