|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/browser-developer-tools-using-for-everything/
课程评论：没有评论
课程名称：浏览器开发者工具 - 万能使用 课程概述：现代网页浏览器都包含了一套强大的开发者工具。这些工具能够执行多种功能，包括检查当前加载的HTML、CSS和JavaScript，显示页面请求的各种资源及其加载所需的时间。通过本课程的学习，您将对浏览器开发者工具有全新的认识，并全面理解其在日常开发中的实际应用及在网页应用中的使用。 您将学习的内容包括： - 浏览器开发者工具中最常用的标签概览： - 元素（Elements） - 控制台（Console） - 源代码（Sources） - 网络（Network） - 应用（Application） - 性能、内存、Lighthouse及其他工具 - 如何使用浏览器开发者工具： - 自定义任何应用程序/网站以满足个人需求 - 在启用热重载模式时避免重复工作 - 在开发混合应用时节省时间 - 即使不在开发机器上，仍能为团队或产品做出贡献 - 学习新的HTML/CSS技巧和实现方式 - 提高您对应用程序/网站建议或改进的实施成功率 - 通过操作存储来掌控任何应用程序/网站的行为 - 了解并从任何目标应用程序/网站的网络活动中学习 - 发现其他应用程序/网站中使用的新技术 本课程将帮助您深入了解浏览器开发者工具，提高开发效率，助力您的职业发展。
Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load. By the end of this course, you will gain a new perspective on the Browser Developer Tools, and develop a comprehensive understanding of practical application in day-to-day development and its usage on web applications.What exactly are you going to learn then?The overview of the most used tabs of the browser developer toolsElementsConsoleSourcesNetworkApplicationPerformance, Memory, Lighthouse & and more toolsHow you can use the browser developer toolsTo customise any app/website for your own benefitTo avoid repeating yourself while developing with hot-reload mode activated.To save time while developing hybrid apps.To still be able to contribute with your team or product even when not on your development machineTo learn new HTML/CSS techniques and implementations.To increase implementation success of your app/website suggestions or improvementsTo gain control over any app/website behaviour through storage manipulation.To be aware and learn from the network activity of any app/website desired.To discover new technologies used by any app/website out there.
