使用浏览器的开发人员工具学习新的html、css和javascript技术
正如我们在夜校的JavaScript和HTML/CSS课程中所提到的，学习如何更好地编写代码的最好方法之一就是观察别人在做什么。一个名为“不要害怕互联网”的新网站对如何轻松做到这一点有很好的概述。以下是基本步骤：
- 使用内置开发工具的浏览器（Chrome、Safari）或Firebug扩展（Firefox、Internet Explorer、Opera）。
- 导航到要了解的网页。如果您使用的是Firebug，只需单击Firebug图标即可打开它。在Chrome中，转到扳手图标，然后是工具，然后是开发人员工具（或Control/Command+Alt/Option+I）。这将打开屏幕底部的“开发人员工具”面板。
- 如果您想检查一个特定的元素，只需将鼠标悬停在它上面或单击它。在某些浏览器中，您还可以右键单击一个元素并选择“Inspect element”。这将向您展示该网页元素的HTML代码以及通过CSS应用于该元素的特定样式。
一旦您有了这些信息，您就可以在自己的代码中重新调整它的用途，以创建类似的效果。如果你想更深入和有趣的解释这个过程，一定要查看视频在不要害怕互联网。不幸的是，我们无法将它们添加到此帖子中，但它们绝对值得一看。
不要害怕浏览器|不要害怕通过Swis**iss上网
你可以在Twitter、Google+和Facebook上关注这篇文章的作者Adam Dachis。推特也是联系他的最好方式。
- 发表于 2021-07-24 01:37
- 阅读 ( 102 )
- 分类：互联网
你可能感兴趣的文章
寻找最好的编程语言？从这里开始！
...习，请查看这些一步一步的HTML和CSS教程。 JavaScript:JavaScript是添加浏览器端逻辑和实时更改的唯一方法（学习JQuery基础知识是一个很好的开始）。现在，浏览器端和服务器端逻辑都可以使用JavaScript，使用Meteor或React...
javascript移动应用：是的，有一个框架
...序的Java、用于iOS应用程序的Swift或用于跨平台应用程序的JavaScript。 ...
7所有网站开发人员都应该知道的编程技巧
... 三。javascript（js） ...
创建web界面：从何处开始
...构建的：超文本标记语言（HTML）、层叠样式表（CSS）和JavaScript（JS）： ...
通过我的5门顶级课程真正学习javascript
... 你为什么不学JavaScript？ ...
什么是javascript？它是如何工作的？
JavaScript已经成为现代web开发的主流。这种强大的语言已经发展成为任何web开发人员都能理解的基本工具。 ...
前端与后端web开发：哪条路适合您？
... 前端代码应该是现代HTML、CSS和JavaScript的专家。 ...
使用以下10个基本工具提升您的web开发技能
...发的在线社交开发环境。标准CodePen窗口只关注HTML、CSS和JavaScript的各种风格，是进行实验和分享想法的最佳场所。 ...
用于编程和web开发的8个很棒的codepen功能
开始JavaScript web开发可能是一个令人沮丧的过程，但是有一些工具可以让它变得更容易。 ...
什么是wordpress开发者？5种必备技能
... 4javascript语言 ...
0 篇文章
