![Page 1: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/1.jpg)
These are confidential sessions—please refrain from streaming, blogging, or taking pictures
Session 601
Getting to Know Web Inspector
Antoine QuintSafari and WebKit Engineer
![Page 2: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/2.jpg)
![Page 3: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/3.jpg)
![Page 4: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/4.jpg)
![Page 5: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/5.jpg)
⌘R
![Page 6: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/6.jpg)
![Page 7: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/7.jpg)
![Page 8: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/8.jpg)
![Page 9: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/9.jpg)
![Page 10: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/10.jpg)
◎
![Page 11: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/11.jpg)
◎
![Page 12: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/12.jpg)
◎◎
![Page 13: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/13.jpg)
◎◎
![Page 14: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/14.jpg)
◎◎
![Page 15: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/15.jpg)
![Page 16: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/16.jpg)
![Page 17: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/17.jpg)
#$@!
![Page 18: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/18.jpg)
![Page 19: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/19.jpg)
![Page 20: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/20.jpg)
![Page 21: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/21.jpg)
![Page 22: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/22.jpg)
![Page 23: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/23.jpg)
![Page 24: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/24.jpg)
![Page 25: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/25.jpg)
![Page 26: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/26.jpg)
![Page 27: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/27.jpg)
![Page 28: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/28.jpg)
![Page 29: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/29.jpg)
![Page 30: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/30.jpg)
What You Will Learn
![Page 31: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/31.jpg)
What You Will Learn
•User interface overview
![Page 32: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/32.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking
![Page 33: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/33.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis
![Page 34: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/34.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 35: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/35.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 36: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/36.jpg)
Getting startedUser Interface Overview
![Page 37: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/37.jpg)
DemoSetting up
![Page 38: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/38.jpg)
![Page 39: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/39.jpg)
![Page 40: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/40.jpg)
![Page 41: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/41.jpg)
![Page 42: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/42.jpg)
![Page 43: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/43.jpg)
![Page 44: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/44.jpg)
![Page 45: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/45.jpg)
![Page 46: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/46.jpg)
![Page 47: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/47.jpg)
![Page 48: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/48.jpg)
![Page 49: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/49.jpg)
![Page 50: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/50.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 51: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/51.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 52: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/52.jpg)
Inspection and Tweaking
![Page 53: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/53.jpg)
DemoModernizing a web page
![Page 54: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/54.jpg)
SummaryInspection and Tweaking
![Page 55: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/55.jpg)
SummaryInspection and Tweaking
• Live “view source” for Safari
![Page 56: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/56.jpg)
SummaryInspection and Tweaking
• Live “view source” for Safari• Tweak without the endless rebuild cycle
![Page 57: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/57.jpg)
SummaryInspection and Tweaking
• Live “view source” for Safari• Tweak without the endless rebuild cycle• Touch elements in Safari to select them in the Inspector
![Page 58: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/58.jpg)
SummaryInspection and Tweaking
• Live “view source” for Safari• Tweak without the endless rebuild cycle• Touch elements in Safari to select them in the Inspector•Hover DOM nodes to highlight the CSS boxes
![Page 59: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/59.jpg)
SummaryInspection and Tweaking
• Live “view source” for Safari• Tweak without the endless rebuild cycle• Touch elements in Safari to select them in the Inspector•Hover DOM nodes to highlight the CSS boxes• Full click-and-type editing for HTML and CSS
![Page 60: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/60.jpg)
Related Sessions
What’s New in Safari and WebKit for Web Developers MissionTuesday 9:00AM
![Page 61: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/61.jpg)
Related Sessions
What’s New in Safari and WebKit for Web Developers MissionTuesday 9:00AM
Getting the Most Out of Web Inspector Russian HillTuesday 11:30AM
![Page 62: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/62.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 63: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/63.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 64: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/64.jpg)
Network Performance Analysis
![Page 65: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/65.jpg)
![Page 66: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/66.jpg)
![Page 67: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/67.jpg)
![Page 68: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/68.jpg)
![Page 69: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/69.jpg)
![Page 70: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/70.jpg)
![Page 71: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/71.jpg)
![Page 72: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/72.jpg)
![Page 73: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/73.jpg)
DemoKeeping track of resources
![Page 74: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/74.jpg)
SummaryNetwork Performance Analysis
![Page 75: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/75.jpg)
SummaryNetwork Performance Analysis
• Track load of all resources in a timeline
![Page 76: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/76.jpg)
SummaryNetwork Performance Analysis
• Track load of all resources in a timeline•Distinguish latency and download time
![Page 77: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/77.jpg)
SummaryNetwork Performance Analysis
• Track load of all resources in a timeline•Distinguish latency and download time• Identify sequential dependencies
![Page 78: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/78.jpg)
Related Sessions
Getting the Most Out of Web Inspector Russian HillTuesday 11:30AM
![Page 79: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/79.jpg)
Related Sessions
Getting the Most Out of Web Inspector Russian HillTuesday 11:30AM
Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling
Russian HillWednesday 9:00AM
![Page 80: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/80.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 81: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/81.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 82: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/82.jpg)
Debugging
![Page 83: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/83.jpg)
DemoDebugging
![Page 84: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/84.jpg)
SummaryDebugging
![Page 85: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/85.jpg)
SummaryDebugging
•Go beyond console.log() to debug
![Page 86: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/86.jpg)
SummaryDebugging
•Go beyond console.log() to debug•Use breakpoints to pause JavaScript execution
![Page 87: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/87.jpg)
SummaryDebugging
•Go beyond console.log() to debug•Use breakpoints to pause JavaScript execution• Scope Chain and popovers provide context
![Page 88: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/88.jpg)
SummaryDebugging
•Go beyond console.log() to debug•Use breakpoints to pause JavaScript execution• Scope Chain and popovers provide context•Quick Console
![Page 89: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/89.jpg)
Related Sessions
Getting the Most Out of Web Inspector Russian HillTuesday 11:30AM
![Page 90: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/90.jpg)
What You Will Learn
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 91: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/91.jpg)
Summary
•User interface overview• Inspection and tweaking•Network performance analysis•Debugging
![Page 92: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/92.jpg)
Getting Involved
![Page 93: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/93.jpg)
Getting Involved
• Try out new features with WebKit nightlies at nightly.webkit.org
![Page 94: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/94.jpg)
Getting Involved
• Try out new features with WebKit nightlies at nightly.webkit.org• Raise bugs on bugs.webkit.org/new-inspector-bug
![Page 95: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/95.jpg)
Getting Involved
• Try out new features with WebKit nightlies at nightly.webkit.org• Raise bugs on bugs.webkit.org/new-inspector-bug• Find us on the irc.freenode.net channel #webkit-inspector
![Page 96: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/96.jpg)
Getting Involved
• Try out new features with WebKit nightlies at nightly.webkit.org• Raise bugs on bugs.webkit.org/new-inspector-bug• Find us on the irc.freenode.net channel #webkit-inspector• Contribute to development as an open source project
![Page 97: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/97.jpg)
More Information
John GeleynseDirector, Technology [email protected]
DocumentationSafari Web Inspector Guidehttp://developer.apple.com/mac
WebKitWebKit Open Source Projecthttp://webkit.org
Apple Developer Forumshttp://devforums.apple.com
![Page 98: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/98.jpg)
Related Sessions
Power and Performance: Optimizing Your Websitefor Great Battery Life and Responsive Scrolling
Russian HillWednesday 9:00AM
What’s New in Safari and WebKit for Web Developers MissionTuesday 9:00AM
Getting the Most Out of Web Inspector Russian HillTuesday 11:30AM
![Page 99: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/99.jpg)
Labs
Safari and Web Tools Lab Media Lab ATuesday 12:45PM
Web Content Optimization Lab Media Lab AWednesday 10:15AM
Safari and WebKit Open Lab Media Lab AThursday 9:00AM
Safari and WebKit Open Lab Media Lab AFriday 9:00AM
Safari and Web Tools Lab Media Lab AFriday 2:00PM
![Page 100: Apple Inc. - Getting to Know Web Inspector · 2016. 7. 10. · Power and Performance: Optimizing Your Website for Great Battery Life and Responsive Scrolling Russian Hill Wednesday](https://reader035.vdocuments.us/reader035/viewer/2022071508/6128c1a961ba7e63f0250b7e/html5/thumbnails/100.jpg)