前言

软件配置

Windows 11 最新版 Edge 最新版

排查必做（特别是网站无法正常工作时）

• 关闭去广告等拦截网站内容加载的工具：
• 避免误杀等原因造成的网页内容被错误拦截
• 如 uBlock Origin

• 关闭等影响Cookie的工具：
• 特别是无法过人机验证这种情况时
• 如 隐私獾

一. 网站自身问题

1. 已知可能存在问题的网站

Google Colab

https://colab.research.google.com/

 

 

特定代码进行打印输出时，打印结果已知叠加造成文本框过长

二. 第三方脚本问题

1. 问题排查步骤

1. 直接关闭脚本管理器浏览器扩展，避免所有可能的影响，问题依旧请跳转到 其他浏览器扩展的问题 进行检查

2. 确定是脚本管理器的问题时，请判断是否必须要在这个页面运行脚本
1. 不必须运行脚本： 直接在当前域名下，禁用所有脚本运行



当禁用时，将会显示如下的扩展图标，左下角有一个X



💡

可在 脚本管理器-设置-安全-黑名单 进行自定义，可以精细到某种特定URL（利用正则表达式）



2. 必须在当前页面运行脚本：使用二分法 或逐个禁用的方式进行排查
💡
重点排查脚本类型：
• 会拦截或修改网络请求的脚本：容易导致网站原有脚本逻辑无法正常运行
• 会添加或劫持点击等事件的脚本：容易导致网站原有脚本逻辑无法正常运行
一般无影响的脚本类型：
• 实现额外的功能： 以图搜图，划词搜索等
• 改变网站UI样式

三. 其他浏览器扩展的问题

1. 推荐使用浏览器扩展管理器进行快速开关（可选）

GitHub - JasonGrass/auto-extension-manager: a chrome extension manager where you can add rules

a chrome extension manager where you can add rules - JasonGrass/auto-extension-manager

https://github.com/JasonGrass/auto-extension-manager

 

Extension Manager - Chrome Web Store

Manage extensions, Quickly enable/disable, Support batching operation, Smart sorting. Fast, Simple and Secure.

https://chromewebstore.google.com/detail/gjldcdngmdknpinoemndlidpcabkggco

 

2. 问题排查步骤

1. 使用无痕或浏览器扩展管理器关闭所有扩展
如果问题依旧存在，请考虑更换浏览器甚至设备

2. 如果恢复正常，则使用二分法 或逐个禁用的方式进行排查是哪个扩展造成的
💡
定位到具体浏览器扩展的问题，但又想在其他网页使用，可以用扩展管理器的规则模式，来根据URL来自动禁用或开启扩展

3. 已知可能存在问题的浏览器扩展

1. ‣
部分功能在特定情况存在卡顿问题
因标签页整页画面捕获导致的性能问题 · Issue #43 · codeartx/flash-switcher
#42 之前在长网页遇到了此类问题，之前没定位到是未开启相关功能 现定位到了问题所在位置 与后台的capture-tab tabImageUpdated逻辑相关，根据功能逻辑分析，应是生成Alt+W显示标签页时所调用的预览图，并且此预览图按10秒一次的频率进行更新，造成的性能问题的可能是大量请求图片资源或大量的DOM树处理操作 隐私警告⚠️（实际的图片内容还是很让人害怕的，万一上传了呢，希望...

https://github.com/codeartx/flash-switcher/issues/43

 

2. ‣
在Notion的page页面内存在卡顿问题

四. 浏览器开发者工具通用性排查方法（速度取决与技术）

1. 浏览器开发者性能工具（要求不能完全卡死，否则可能也无法进行分析）

💡

重点分析，网页主线程的脚本执行过程，重点关注长任务和非网站JS执行

2. 浏览器开发者网络工具（可能性较小）

主要参考 暂无