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

DevTools for ITOPPLUS

Siwat Kaolueng
November 30, 2022
Technology
0
10

DevTools for ITOPPLUS

Edge DevTools overview

Siwat Kaolueng

November 30, 2022
Tweet

More Decks by Siwat Kaolueng

See All by Siwat Kaolueng
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
820
RxJS in Angular
perjerz
0
20
What's Angular View?
perjerz
0
110
What's New, What's Next in Angular?
perjerz
0
83
Recap Theory of Ivy
perjerz
0
51

Other Decks in Technology

See All in Technology
巨大なテーブルのテーブル定義を無停止で安全に誰でも変更できるようにする / Table-definitions-for-huge-tables-can-be-modified-by-anyone-safely-and-non-disruptively
freee
1
740
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
140
Garoon 開発チーム / Garoon development team
cybozuinsideout
PRO
2
2.9k
最近たまに見かけるTiDBってなんだ？ - Findy
pingcap0315
2
620
Databricks における 『MLOps』
databricksjapan
2
140
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
株式会社EventHub・エンジニア採用資料
eventhub
0
1.9k
Terraformあれやこれ/terraform-this-and-that
emiki
7
600
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
3
830
社内勉強会運営のコツ
senoo
6
1.2k
Oracle Cloud Infrastructure：2024年4月度サービス・アップデート
oracle4engineer
PRO
1
110
Databricks におけるデータエンジニアリング
databricksjapan
0
380

Featured

See All Featured
Scaling GitHub
holman
457
140k
The Pragmatic Product Professional
lauravandoore
24
5.8k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Building an army of robots
kneath
300
41k
Making the Leap to Tech Lead
cromwellryan
123
8.5k
Embracing the Ebb and Flow
colly
79
4.1k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Building Your Own Lightsaber
phodgson
98
5.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k

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