Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
DevTools for ITOPPLUS
Search
Siwat Kaolueng
November 30, 2022
Technology
0
14
DevTools for ITOPPLUS
Edge DevTools overview
Siwat Kaolueng
November 30, 2022
Tweet
Share
More Decks by Siwat Kaolueng
See All by Siwat Kaolueng
Web App Performance Optimization
perjerz
0
7
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
950
RxJS in Angular
perjerz
0
27
What's Angular View?
perjerz
0
120
What's New, What's Next in Angular?
perjerz
0
110
Recap Theory of Ivy
perjerz
0
60
Other Decks in Technology
See All in Technology
エンジニア採用と 技術広報の実践/acaricsummit2025
nishiuma
1
160
大人の学び - マイクの持ち方について
kawaguti
PRO
3
320
【Snowflake九州ユーザー会#2】BigQueryとSnowflakeを比較してそれぞれの良し悪しを掴む / BigQuery vs Snowflake: Pros & Cons
civitaspo
5
1.7k
Microsoft_20250311_AzureIoTPortfolio_PDF.pdf
iotcomjpadmin
0
120
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
190
データモデルYANGの処理系を再発明した話
tjmtrhs
0
550
ライフステージの変化を乗り越える 探索型のキャリア選択
tenshoku_draft
2
550
最近のラズピッピいじり / 20250308-rpijam-13th-birthday
akkiesoft
0
190
OCI IAM Identity Domains Entra IDとの認証連携設定手順 / Identity Domain Federation settings with Entra ID
oracle4engineer
PRO
1
1.4k
「頑張る」を「楽しむ」に変換する技術
tomoyakitaura
13
3.4k
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
4
2.1k
Amazon Bedrock 2025 年の熱いアップデート (2025/3 時点)
icoxfog417
PRO
3
550
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Typedesign – Prime Four
hannesfritz
41
2.5k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
460
Visualization
eitanlees
146
15k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
What's in a price? How to price your products and services
michaelherold
244
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Facilitating Awesome Meetings
lara
53
6.3k
Code Reviewing Like a Champion
maltzj
521
39k
Embracing the Ebb and Flow
colly
84
4.6k
Transcript
DevTools for ITOPPLUS Siwat Kaolueng https://perjerz.netlify.com
Siwat Kaolueng (Jame) Senior Software Engineer - Optimizing Web app
performance
What you will learn - Overview - Element - Console
- Source (Debugging) - Performance (Profiling) - Network - Application
Overview
Ctrl (Command) + Shift + I
None
None
Element
None
Element - Edit CSS Layout in Element - Store in
Global Variable - Force State - Break on
Console
None
Source (Debugging)
None
Debugging - DOM - JavaScript
None
Return to the Source (Code)
Performance (Profiling)
None
If you can’t measure it, you can’t improve it. Peter
Drucker
Network
None
Application
None
Application - Service Worker - Cache - IndexedDB - Local
Storage - Session Storage - Cookies
Resources
Resources - Overview of DevTools - Microsoft Edge Development |
Microsoft Learn - What's New in DevTools - Chrome Developers