Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DevTools for ITOPPLUS

Siwat Kaolueng
November 30, 2022
Technology
0
14

DevTools for ITOPPLUS

Edge DevTools overview

Siwat Kaolueng

November 30, 2022
Tweet

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

  1. DevTools for ITOPPLUS Siwat Kaolueng https://perjerz.netlify.com

  2. Siwat Kaolueng (Jame) Senior Software Engineer - Optimizing Web app

    performance

  3. What you will learn - Overview - Element - Console

    - Source (Debugging) - Performance (Profiling) - Network - Application

  4. Overview

  5. Ctrl (Command) + Shift + I

  6. None
  7. None

  8. Element

  9. None

  10. Element - Edit CSS Layout in Element - Store in

    Global Variable - Force State - Break on

  11. Console

  12. None

  13. Source (Debugging)

  14. None

  15. Debugging - DOM - JavaScript

  16. None

  17. Return to the Source (Code)

  18. Performance (Profiling)

  19. None

  20. If you can’t measure it, you can’t improve it. Peter

    Drucker

  21. Network

  22. None

  23. Application

  24. None

  25. Application - Service Worker - Cache - IndexedDB - Local

    Storage - Session Storage - Cookies

  26. Resources

  27. Resources - Overview of DevTools - Microsoft Edge Development |

    Microsoft Learn - What's New in DevTools - Chrome Developers