配套 Chrome 刷题插件
插件和本站的关系
插件中的题解和思路都是本站的文章和习题讲解。换句话说,本站包含全部算法教程和习题,并没有什么内容是插件独有的。
所以刷题插件只是辅助大家学习本站的配套工具,并不是必须安装的,大家可以根据需求自行选择。
不过我会建议安装 Chrome 刷题插件,因为你在浏览器上学习本站时,可能会经常跳转到 力扣/LeetCode 的页面做题,这时候 Chrome 插件会提供一些帮助。
提示
虽然我习惯叫这款插件为「Chrome 插件」,但实际上插件并不仅限于 Chrome 浏览器安装使用。像 Edge 浏览器、360 浏览器这些使用 Chromium 内核的浏览器都可以安装,具体见安装指南。
Chrome 刷题插件的主要功能是在力扣和 LeetCode 的页面上添加「题解」和「思路」按钮,方便跳转查看本站算法文章和解题思路:
功能展示
题目列表渲染
力扣 or LeetCode 的所有题目列表和题目详情页中会显示我的题解/思路按钮,支持所有常用编程语言:
点击「题解」按钮即可跳转到网站对应文章学习,点击「思路」按钮即可查看我精心撰写的简明解题思路和代码。
同时,我把网站里所有我讲过的题目整理出一份列表,安装插件后访问可以看到效果:
力扣版 | LeetCode 版 |
---|---|
https://leetcode.cn/problem-list/59jEaTgw/ | https://leetcode.com/list/9zwo3ww5/ |
思路/题解辅助刷题
题目详情页也会显示题解和思路按钮,可以直接复制带详细注释的代码,刷题非常方便:
代码图片注释
对于比较复杂的解法,代码中会包含图片注释,方便理解代码逻辑。鼠标移动到小灯泡图表即可查看图片注释:
算法可视化面板
「思路」展开后,解法代码下方会显示一个可交互的算法可视化面板,帮助理解算法的执行过程:
可视化面板的具体功能请参考 算法可视化面板简介。
安装方式
Chrome 刷题插件不止支持 Chrome 浏览器,像 Edge 浏览器、360 浏览器这些使用 Chromium 内核的浏览器都可以通过离线安装 crx 文件的方式安装。
Chrome 浏览器用户有条件的话建议直接在 Chrome 商店下载:
https://chrome.google.com/webstore/detail/leetcode-helper-by-labula/elafhogmnaapleckojedgipgmidneccg
Edge 浏览器用户可以直接在 Edge 商店下载(国内也可以访问):
如果无法在线安装,也可以离线安装。在公众号后台回复关键词「插件」下载最新版本 crx 文件:
有了 crx 插件文件,手动安装的方法在网上一搜一大把,我就随便贴一个吧:
https://cloud.tencent.com/developer/article/1894180
安装成功后,可以在插件列表看到插件图标:
点击插件图标可以弹出插件弹窗,包含手动刷新数据的按钮和插件相关配置:
插件配置方法
点击插件图标打开插件弹窗,下滑即可看到配置选项:
列表渲染设置可以选择是否把题目列表中有题解/思路的题目行渲染成绿色。
在题目详情页,可以使用自定义快捷键快速打开/关闭思路弹窗和复制解法代码。
国际用户切换英文
插件的题解/思路/可视化面板的默认语言是中文,可以在配置页面可以切换为英文,方便国际用户使用。
更新方式
1、在 Chrome/Edge 商店安装的,会在新版本发布后自动更新。
2、通过 crx 文件离线安装的,我会在发布新版本之后更新百度网盘中的 crx 文件,所以你只需要重新在公众号后台回复关键词「插件」即可下载最新版本插件,再次安装即可。建议将插件固定在插件栏,有更新时会有 new
的提示字样。
建议
任何时候,都推荐你使用最新版本的插件,因为我会不断优化插件的功能,修复 bug,所以如果你遇到了问题,也许更新到最新版本就能解决。
更新日志
详见 Chrome 插件更新日志。
在插件中解锁本站习题讲解
本站习题章节中的所有题目也可以在插件中学习,不过需要你购买本站会员后手动刷新数据才能解锁对应习题的题解/思路/可视化等功能,具体操作方法参见 会员购买页 下方。
常见问题解决方法
思路弹窗大小不合适?
思路弹窗右下角可以拖拽调整大小。
安装插件后没有效果?
主要原因可能是网络问题,导致插件拉取初始数据时较慢。可以稍等一会儿,或者点击「手动刷新数据」按钮:
等待数据拉取完成后再尝试刷新网页,应该就能看到题解和思路按钮了。
无法成功刷新插件数据(显示 ❌ 标记)?
如果点击「手动刷新数据」也没有反应或全部显示 ❌ 标记,大概率是你的网络问题。「手动刷新数据」按钮右侧有一个下拉框,默认选项为 自动选择
,即插件会根据网速自动选择 中国大陆
或 非中国大陆
拉取数据。
如果你的网络情况不稳定,可以尝试自己修改下拉框选项,选择 中国大陆
或 非中国大陆
,然后再点击「手动刷新数据」按钮,直到出现 ✅ 标记为止。
切换深色/浅色模式后思路弹窗的样式异常?
正常来说,当 力扣/LeetCode 进行深色/浅色模式切换后,只需刷新一下页面,插件也会适配深色/浅色模式。
如果刷新页面后插件样式依然异常,一般的原因是某些其他插件在网页插入的 CSS 样式和本插件的 CSS 样式冲突了。你需要排查是哪个其他插件引起的问题,然后暂时关闭该插件。
如何确认是 CSS 冲突?
你可以复制这个地址到 Chrome 地址栏,即可打开本刷题插件的管理页面:
chrome://extensions/?id=elafhogmnaapleckojedgipgmidneccg
打开其中的「在无痕模式下启用」选项,然后开一个新的无痕窗口,访问出问题的 力扣/LeetCode 页面,看看此时插件是否正常显示。
此时相当于关闭了其他所有插件,仅保留刷题插件。如果样式正常,就说明是其他插件插入的 CSS 引起的问题。
火狐浏览器可以安装吗?
不支持,因为火狐浏览器用的不是 chromium 内核。以前还有办法安装,但现在 chromium 内核接口升级了,所以除非火狐官方适配,否则无法安装 Chrome 插件。
不过,类似 QQ 浏览器、360 浏览器这些使用 chromium 内核的浏览器是可以安装的。
macOS/Linux/Windows 都能安装吗?
是的,插件是寄生在浏览器里的,和操作系统无关。只要在你的操作系统安装 chromium 内核的浏览器,就能够正常安装使用插件。
Bug 反馈
可以在 GitHub 创建 Issue 反馈问题: