This commit is contained in:
22
site/introwebdev/week-2-web-inspect.html
Normal file
22
site/introwebdev/week-2-web-inspect.html
Normal file
@@ -0,0 +1,22 @@
|
||||
[!]
|
||||
[=title "Week 2: Web Inspector"]
|
||||
[=content-]
|
||||
<p>
|
||||
The Web Inspector is a cool little tool to analyze websites!
|
||||
</p>
|
||||
<p>
|
||||
Click Ctrl+Shift+I, and a bottom panel (or side panel on Chrome) will open. This panel contains
|
||||
the entire webpage HTML (editable!), and some other fancy stuff.
|
||||
We won't worry about the fancy stuff for a bit.
|
||||
</p>
|
||||
<p>
|
||||
Get in the habit of using the web inspector to debug your projects!
|
||||
It's usually the best first step - oftentimes, the web inspector will
|
||||
catch mistakes much quicker than manually reading through your code.
|
||||
</p>
|
||||
<p>
|
||||
Note that the web inspector often folds up tags to reduce clutter-
|
||||
you can unfold them by clicking the triangles.
|
||||
</p>
|
||||
[/]
|
||||
[#template.html]
|
||||
Reference in New Issue
Block a user