一样的开头~
Xi *32
黑暗的你好~
今天，我们将学习如何使用JS输出和网页的控制台。
lgj，xsb:
按F12打开网站的控制台。
(有些电脑需要Fn F12)
Console.log()用于将内容输出到控制台。console.clear()用于清除控制台内容。
好了，我们先来看看控制台。
众所周知，HTML文件运行在浏览器上，主要有五种浏览器。
是的，就是这五个。
从左至右依次是：
谷歌浏览器
火狐浏览器
微软公司出品的web浏览器
旅行队
歌剧
接下来，我们来说说其他浏览器：
Edge用的是IE的内核，也是微软的产品。可以说是IE的第二代。
其他的，比如360浏览器，搜狗浏览器。还有一些双核浏览器，基本都是魔版Chrome或者Chrome IE双核。
AIPg3zg/640?wx_fmt=jpeg” data-type=”jpeg” data-w=”1165″ style=”width: 100%;height: auto;” />
看到 “广告” 这两个蓝色小字了吗
我建议大家直接下载 chrome 或者 win10 用户用自带的edge。
这里放一个链接。
https://www.google.cn/intl/zh-CN/chrome/
好的，不同的浏览器，他们的控制台也是不一样的，我给大家看几个：
这是测试网页：
<!DOCTYPE html><head><meta charset="GBK" /></head><body><p>Test!</p></body>
IE/edge 的：
Chrome 的：
可以通过右边的来更换形状，一开始是这样的：
最后是 firefox：
为了方便，我们统一使用 Chrome 内核的浏览器展示，请大家谅解。
在页面上按下 F12 来打开控制台~
像这样的键盘，F12的位置被其他键代替了。（这里是 PgDn）
这是wawjf的笔记本电脑键盘
需要按下 Fn 键才能打开 F12。
Fn键
我们可以使用右上角的小箭头来查看HTML元素，也可以在Element块里查看HTML文档并修改。
我们还可以通过手机图标用电脑模拟手机。
虚假的 iPhone 6，就问你行不行
接下来是 Console 模块。
我们可以通过 console.log() 来输出内容。
比如说下面这段代码：
<!DOCTYPE html><head><meta charset="GBK" /></head><body><script>console.log("Love 45 forever!");</script></body>
就可以在 Console 区造成输出。
输出变量的格式也是一样的，记得把引号去掉。
<!DOCTYPE html><head><meta charset="GBK" /></head><body><script>var the45 = 3;console.log(the45);</script></body>
你还可以通过console.clear()来清除控制台上的内容。
对了，你可以直接在控制台输入 代码/变量、函数、对象名来直接运行。
他会短暂更改内容，刷新后就会消失。
同样是这段代码，我们直接输入 the45 来查找变量。
就会得到该变量的值 3 。
最后是 Sources 模块。
我们可以在该模块的JS代码中添加任意的断点：
<!DOCTYPE html><head><meta charset="GBK" /></head><body><script>var the45 = 3;the45 *= 2;if(the45 < 10){console.log("嘻嘻嘻");}</script></body>
根据提示使用按键 Ctrl+P 打开文件
接下来可以点击数字处添加断点（蓝色的小标签）。
点击播放键直接运行至断点。
点击箭头逐步执行。
这里也可以看到各种信息，比如说现在 the45 的值是 10
好的，今天就到这里，下一期我们讲第一个循环：while循环。
作者：
Алексей
四五工作室室长、四五议会 45-1（云小鬼，玩梗自焚）
能够写出非常优美、非常简洁、非常实用的锟斤拷和bug
鍚屾椂杩樻槸涓€鍚嶅甫鍝插瀹?
素描八级，但是看上去还是不太会画画
本来想做小程序，结果开了个公众号天天在那边写稿
关注四五工作室，从零开始学技术
如果想要加入四五工作室，或者给我们提供建议、意见。可以联系我们。
