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
4
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
930
RxJS in Angular
perjerz
0
26
What's Angular View?
perjerz
0
120
What's New, What's Next in Angular?
perjerz
0
100
Recap Theory of Ivy
perjerz
0
59

Other Decks in Technology

See All in Technology
カスタムインストラクションでGitHub Copilotをカスタマイズ！
07jp27
7
620
Site Reliability Engineering on Kubernetes
nwiizo
6
4.4k
EDRからERM： PFN-SIRTが関わるセキュリティとリスクへの取り組み
pfn
PRO
0
120
AWSエンジニアに捧ぐLangChainの歩き方
tsukuboshi
0
220
Grafanaのvariables機能について
tiina
0
180
ハンズオンで学ぶ Databricks - Databricksにおけるデータエンジニアリング
taka_aki
1
2.1k
re:Invent Recap (January 2025)
scalefactory
0
340
ココナラのセキュリティ組織の体制・役割・今後目指す世界
coconala_engineer
0
220
MCP server を作って Claude Desktop アプリから kintone へアクセスすると楽しい
r3_yamauchi
PRO
1
120
Power BI は、レポート テーマにこだわろう！テーマのティア表付き
ohata_ds
0
120
ChatGPTを使ったブログ執筆と校正の実践テクニック/登壇資料（井田 献一朗）
hacobu
1
160
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG” @GDG Tokyo
shukob
0
280

Featured

See All Featured
Fireside Chat
paigeccino
34
3.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
What's in a price? How to price your products and services
michaelherold
244
12k
Git: the NoSQL Database
bkeepers
PRO
427
64k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
The Language of Interfaces
destraynor
156
24k
Designing for humans not robots
tammielis
250
25k

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