Chrome
1. 下载

2. 插件



个人推荐

3. 常见快捷键
搜索框自动聚焦: /
关闭当前标签页: ⌘ + w
切换标签页: ⌘ + 数字
新建标签页: ⌘ + t
新建Chrome页面: ⌘ + n
4. 常见问题
新版本的Chrome在网络环境较差的时候会在控制台输出Slow network is detected. Fallback font will be used while loading,但有时会对调试造成不便,可以在chrome配置中禁用该项:
方法:地址栏输入chrome://flags/#enable-webfonts-intervention-v2,并设置为Disabled;重启Chrome。
在Console 栏
点击小齿轮 Console settings
勾选 User messages only 即可

- 下面这个地方勾掉也不会出那些xhr


解决方法:
在控制台输入"允许粘贴",取消警告并启用粘贴功能。
打开控制台 - Settings(设置)- Experiments(实验),搜索 past ,取消勾选 Show warning about Self-XSS when pasting code。


- 关闭设置,点击顶部的 Reload DevTools 按钮,重新加载控制台,就可以正常粘贴了。

沉浸式翻译插件

从👆🏻知道是
js
在控制台中出现出现 Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
发现沉浸式翻译:双语对照网页翻译&PDF文档翻译插件中的 content_script.js,请问怎么解决这个警告?js
document.addEventListener('touchstart', yourEventHandler);你应该将其修改为:
js
document.addEventListener('touchstart', yourEventHandler, { passive: true });这样,事件监听器就被标记为,警告信息应该就会消失。 请注意,如果你的事件处理函数确实需要调用方法来阻止默认行为,那么就不能将其设置为。在这种情况下,你需要重新考虑你的代码逻辑,或者寻找其他方法来优化性能。 总之,为了提高网页的性能和用户体验,建议尽可能地将滚动事件的监听器设置为。
根据 👆🏻方法,找到 这个插件,修改 ✅
从 插件 和 扩展上的 插件发现 不一样,以为已经解决👆🏻bug,所以从 下载该插件,发现还是出现相同的bug !!!


- 没有办法,只能下载最新版本的,在项目中的 文件解决这个bug

js
o.current.removeEventListener("touchstart", A, { passive: true });- 最后在 的 中

- 在控制台可以看到 文件已修改


5. Google搜索技巧
- 以图搜片

- 搜索特定文件类型
shell
# 文件名 filetype:类型
GPT-4 filetype:pdf
xxx:torrent- 搜索特定大小的图片
shell
Apple:50x50- 搜索特点范围的数字
shell
哪个队伍赢得了的斯坦利杯...2004- 排除法
shell
# -关键词
如何编写React组件-class- 缓存查询
shell
# cache:网址
cache:www.freedidi.com
coderccb