浏览器使用技巧
浏览器常用技巧
网页视频开启画中画小窗播放
和平台自带的画中画功能（如BiliBili、Youtube等，都会自带画中画功能，这属于平台提供的画中画功能，所以会受到平台的一些规则限制）不同，这个技巧使用的是浏览器提供的画中画功能
在视频播放状态下（更具体的是，视频播放状态下且标签页未被静音），右键标签页，选择进入画中画即可
比如Yotube平台提供的画中画功能是有限制的：当切换站点或最小化浏览器时就会关闭。这时使用浏览器提供的画中画功能就可以绕过这个限制。
浏览器开发者工具技巧
不同浏览器的开发者工具略有不同，但是整体功能类似，以下技巧使用Edge浏览器进行演示
隐藏前端元素
F12打开开发者工具，点击元素检查器选中页面元素，再按下H键即可隐藏前端元素
相比起直接删除前端元素，这种做法不会破坏页面的 CSS和DOM树 布局
页面硬刷新
F12打开开发者工具，右击刷新按钮，可选择硬刷新以及清空缓存并进行硬刷新
Edge浏览器可以使用快捷键Ctrl + Shift + R进行硬刷新
这里简单介绍一下硬刷新，硬刷新（Hard Refresh）是一种网页刷新方法，它强制浏览器忽略缓存并从服务器重新加载网页上的所有资源。
js断点分析
F12打开开发者工具，源代码处找到js文件，点击行号前的空白处即可添加断点
查看3D页面
能够很直观地看出元素的层叠关系
F12打开开发者工具，选择3D视图工具，如果没有可以设置将其添加到活动栏
以增量更改CSS数字值
F12打开开发者工具，点击元素检查器选中页面元素，在元素相关的CSS代码处点击CSS数字值，通过以下快捷键进行修改即可：
- 按键盘上的向上箭头
↑或向下箭头↓可增加或减少数字 1 - 配合按住Shift可递增/减 10
- 配合按住Alt可递增/减 0.1
- 配合按住Ctrl可递增/减 100
限制网络速度进行测试
模拟网络差或网速较慢时访问站点时的情况
F12打开开发者工具，点击网络选项卡，按如下视频操作即可