细说网页开发者工具F12-前端开发利器二
前言
写这篇文章是细说网页开发者工具F12 - 前端开发利器的第二篇文章,若觉得不错请关注作者。
F12之Console
就是位于Elemnets右边的,打开后你会发现什么都没有
我们试着进入到友链页面,发现console面板出现了一些警告。这是因为在https域名下使用http的资源引起的警告。
为了更好的示范,我们这里新建一个html文件,代码如下
我们可以看出js的console.log方法可以在console面板输出内容
这里我们尝试书写错误的语法,console面板会报错,显示错误信息以及错误所在的行号
我们还可以直接在console面板直接编写我们的js代码。
在百度首页打开console面板还可以看见百度的招聘信息。
F12之Sources
Sources面板下可以看到网页加载的各种资源,这里我们看到除了本域名下的资源,还加载了百度的统计,还有新浪微博的相册。
通过这个面板我们可以管理网站是否有用到其他网站的资源
未完待续……Continued……
希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦
有好的文章也可以向博主投稿哦
您的喜欢是作者写作最大的动力
QQ群和公众号