标签：浏览器 URL html Edge 源代码 地址栏 页面

介绍

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

浏览器也是网站开发和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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。