Stfalcon QA Meetup 31.01.2020
Download as PPTX, PDF
0 likes95 views
Chrome DevTools 仆 10 仂从于, 亶仂亞仂 仄仂亢仍亳于仂 弍亠亰仄亠亢仆, 舒 仄舒仍仂 仂 于亳从仂亳仂于 3%.
Stfalcon QA Meetup 31.01.2020
- 1. Chrome Dev Tools: Debug me!
- 2. Whoami Team/Tech lead (Infopulse) 亞舒仆亰舒仂 BeerJS Zhytomyr, PublicIT, frontendZt 弌亟亟 DevChallange 2019 仂亰仂弍仍 仂 仂仆亠仆亟 仂亰仗仂于亟舒 亟亳于仆 亠 仆舒 从仂仆亠亠仆 ﾐ頴姿 仍舒亳 亟亳于仆 亠 仆舒 从仂仆亠亠仆
- 3. Chrome DevTools 12! 6 于亠亠仆 2008 Firebug Webkit Web Inspector 束Inspect element損 亠仗仂舒 仂弍仍仆舒 亠仗仂舒. 弌于仂亠仆仂 束devtools-protocol損 Performance 亠仗仂舒 NodeJS 亠仗仂舒 WebAssembly 亠仗仂舒 ?
- 4. 亠亠亟 仆舒 仆仂于亳亶 仍
- 5. 仂仄舒仆亟仆亠 仄亠仆 Cmd + Shift + P / Ctrl + Shift + P
- 7. 丐亠仄仆舒 亠仄舒 亠 从仂! 亠亠仂亟 仆舒 亠仄仆 仂仂仆, 于 仆舒 仗亠亳于仂
- 9. 弌仆仗亠亳 亳从仂亳仂于亶亠 亟仍 亠亠亶, 磻 仆亠仂弍亟仆仂 于亳从仂仆于舒亳 仆舒 亰仆亳 亠舒
- 10. Inspect tooltip 亠亟舒亞于舒仆仆, 舒 舒从仂亢 于亟从仍ﾑ亠仆仆 仍仗 仄仂亢仍亳于仂
- 11. Clear site data
- 12. 弍亠亞舒仆仆 舒亶仍于 亠亠亰 亟亠于仍 弍从舒 仗仂亠从 亰 仂 亠仍仂舒亟 亳从仂亳舒仆仆 仍仂从舒仍仆亳 亰仄仆 仂从舒仍仆亳亶 仗仂亠从 仗仂亠从 (亰 亟仂仗仂仄 亟仂 从仂亟) 丼亢亳亶 仗仂亠从 弍亠亰 亟仂仗 仂从舒仍仆 亰仄仆亳 (Local overrides) 舒于仂 于亰舒亞舒仍 舒?
- 13. 仂从舒仍仆 亰仄仆亳 (Local overrides)
- 18. Lighthouse 4.0
- 19. 亠仍仂舒亟 亳于 亰舒 亟仂仗仂仄仂亞仂 仍仂从舒仍仆亳 亰仄仆 Lighthouse 4.0
- 20. Reporting observer 亠于仍 亟仂仗仂仄舒亞舒 于亟亠亢于舒亳 舒
- 21. Page Lifecycle API 舒仆仗仍ﾐ 仂弍仂仂 弍舒亰亠舒
- 23. 仂仍于舒仆仆 亰仆亳 仄亢 仆仄亠仆于舒仆仆礆 亠仄仗仍于舒仆仆礆 仆仄亠仆于舒仆仆 function kharkivJSStart() { // learn // drink // think } 舒仗亳舒亳 舒 舒 亠从亳 舒仗亳舒亳 舒 舒 亠从亳 弍舒亳 亠从 弍舒亳 亠从 弌亠仄仗仍于舒仆仆 弍舒亳 亠从 弍舒亳 亠从
- 24. 仂仍于舒仆仆 仂仄 亢 亰仆亳 仆仄亠仆于舒仆仆 弌亠仄仗仍于舒仆仆VS 亠于仆仂仄仆仂 仗仂于仂ﾑ 亠亰仍舒 舒于亢亟亳 于从仍ﾑ舒 于 仆从 亳 亟亠舒仍仆 仆仂仄舒 仗仂 亠从 于亳从仍亳从 舒亢从亳亶 于 亠舒仍亰舒 于仆仂仄仆仂 仗仂于仂ﾑ 亠亰仍舒 丐仂仆 仂弍仄亠亢亠仆舒 舒仂仂 亠仄仗仍于舒仆仆
- 26. 丿于亳亟从亳亶 舒仆舒仍亰 仆舒亶弍仍 仗仂于仍仆亳 仄 从仂亟 弌: 仗仂亢亳于舒仆仆 仗舒仄 亰舒于亢亟亳 于亟仂弍舒亢舒 仆舒 从仂仆于亠 亟仂仂亟舒 Performance monitor
- 27. Coverage 舒亶 从仍从 仆亠于亳从仂亳舒仆仂亞仂 从仂亟
- 28. Coverage Puppeteer + coverage API Export to JSON
- 30. Network 仂从 仗仂 弍亟-磻仂仄 亠舒亟亠, 舒 舒从仂亢 亰仆舒仂亟亢亠仆仆 亰舒仍亠亢仆仂亠亶
- 32. Shareable Network 从仗仂亶亠 于舒 亟舒仆仆 亟仍 亠于舒仆仆 弍亠亰 仗仂弍仍亠仄
- 33. Rendering 亠亠于磺 亰仂仆亳 FPS
- 34. IO19 step-into & workers 弍仂 亠仗亠 亰仆舒, 磻 于仆仂 仗舒ﾐ火委亳 亰 仆亳仄
- 35. 弌仂仆从舒 WorkerDevTools new Worker('worker.js'); C仗仂于亳亳 仂从亠仆 仗亳仆亳亳 弌于仂亳亳 仆仂于亳亶 仗仂从, 亠亠亟舒亳 于 仆仂亞仂 仂从亠仆 弍亠亠亞亳 仂从亠仆 仂亟仂于亢亳亳 仂仗仂亳亳 亰仗亳仆亳亳, 磻仂 仂从亠仆, 仗仂亟仂于亢亳亳 弌仗仂于亳亳 仗仂 亠弍亠 仗亳亳仆亳 仂亰仗仂舒亳 亰舒亟舒 亰 仂从亠仆仂仄, 亰仗亳仆亳亳 postMessage('pong'); IO19 step-into & workers 弍仂 亠仗亠 亰仆舒, 磻 于仆仂 仗舒ﾐ火委亳 亰 仆亳仄
- 36. IO19 step-int
- 37. NDB 乂仂 亠?
- 38. NBD node debug CDT 亟亳仄 Node > 8, 仗舒ﾑ 仆舒 > 10 仂弍亟仂于舒仆亳亶 仆舒 Chromium 舒ﾑ 磻 仂从亠仄亳亶 亰舒仂仆仂从 (于 仗仍舒仆舒 亟仂亟舒亳 亟仂 CDT) 亟亳仄 于 仄仂亢仍亳于仂 CDT 舒 JS and memory 仗仂仍ﾐ火夷姿仆亳从亳 仂亰仗亰仆舒 亟仂亟舒 束亟亳損
- 40. Area screenshoot
- 41. 亊从 从仍从 舒亰于 亳 亰舒从亳于舒仍亳 弍舒亰亠 仗亳 于仆仂仄 亳从仍 仗亟 舒 亟亠弍舒亞?
- 42. Infinite loading
- 43. logpoint
- 44. 仂仆仂仍 / 亠仄仆舒仍 束, 于亠 于仆仂, 亟亠弍舒亢舒 于 从仂仆仂仍損 束Debugger 亠 亟仂弍亠, 舒仍亠 console.log 仆舒亟亶仆亠損 束亊 仗仂仄 仗亳弍亠損 束 仆亳仄 仗舒ﾑ, 弍亠亰 仆仂亞仂 - 仆β 束舒仍亳 从仂仆仂仍 仍仂亞, 仂弍 亰仆舒于, 亟亠 亟亳于亳亳損
- 46. Eager Evaluation & highlight DOM 仂弍仍亳于: 仆从 舒 于亳舒亰亳 仆亠 仗仂于亳仆仆 仄亳亳 仗仂弍仆亳 亟亶
- 47. $ 乂仂 亠?
- 49. $0 - $4 亟仂仗 亟仂 仂舒仆仆 仗亳 DOM 亠仍亠仄亠仆于 Evaluate Expressions
- 50. Evaluate Expressions 亳弍从舒 舒 仆仗亠从于舒仆仆 于 从仂仆仂仍
- 51. getEventListeners, monitorEvents, monitor, keys. 仂弍仂舒 亰 仗仂亟礆亳
- 52. 仂仗ﾐ火夷出術 于 弍亠 亳亠 JSON-仗仂亟弍仆舒 从舒 仄仂亢亠 弍亳 亰弍亠亠亢亠仆舒
- 54. 丿于亳亟从舒 仄仂亢仍亳于 仂亳仄舒仆仆 于 亠从亰亠仄仗仍于 从仍舒. 仂弍仍亳于: 从仍舒 仄舒 弍亳 亟仂仗仆亳亶 亰 从仂仆仂仍. queryObjects
- 55. 仂亳仍舒仆仆 F12 F12 -> Whats new https://developers.google.com/web/tools/chrome- devtools/ https://developers.google.com/web/tools/lighthouse/ https://github.com/ChromeDevTools/awesome-chrome-devtools https://flaviocopes.com/chrome-devtools-tips/ https://github.com/bahmutov/code-snippets https://umaar.com/dev-tips/
- 56. ? 舒仗亳舒仆仆