介绍

浏览器是计算机中常用的应用，可以方便的访问网络上各个站点，进行交互。

浏览器也是网站开发和web安全需要了解和掌握的工具。

本篇以Edge浏览器进行演示和讲解。

一般页面

1、后退和前进

如果是直接在地址栏编辑网址进行跳转，则存在后退和前进功能。

如果是超链接进行跳转，则后端和前进无效。

2、刷新

即按照前一请求URL进行请求。注意，并不是直接按照现有地址栏URL，而是执行过的上一地址栏URL。

3、地址栏

即发起请求的URL，可以直接编辑，编辑后Enter键即发起请求。

4、站点信息

主要是https安全和使用的cookie.

6、设置及其他

该入口提供了更多的设置选项

7、滚动条

当页面高度超出屏幕，则出现侧边滚动条，可以上下滚动。

开发者工具

1、打开开发者工具面板
F12
Ctrl+Shift+I
设置及其他》更多工具》开发者工具

2、元素模块

可以查看当前页面的html源代码。注意，这可能并不是网络传输的html源码。
（1）如果加载html后有js篡改html，这里显示的篡改后的。
（2）如果html源码存在html实体编码，这里显示的是自动解码后的字符。

其次，通过点击某一块源代码，可以确定其在渲染页面中的位置。也可以反过来，选择某一渲染后的元素，确定其在源代码中的位置。

3、控制台

如果html、css或js渲染异常，则会在这里进行报错。

js也可以通过console.log输出提示信息。

4、源代码

5、网络

可以查看请求和响应

6、应用程序

可以查看cookie

标签：浏览器,URL,html,Edge,源代码,地址栏,页面
来源： https://www.cnblogs.com/heibaimao123/p/16209880.html