[js] shift+F5 刷新页面

本贴最后更新于 221 天前,其中的信息可能已经渤澥桑田

常看到大佬们说,刷新页面就行了。那对小白来说,究竟怎么刷新页面呢?

把下面的代码放到 js 代码片段中就可以按 shift+f5 刷新页面了,再也不用按大佬们说的打开什么控制台了。

document.addEventListener('keydown', function(event) { // 检查是否同时按下了Ctrl和F5 if (event.shiftKey && event.key === 'F5') { // true不使用缓存,false使用缓存 location.reload(true); } });
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    147 引用 • 973 回帖
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25218 引用 • 103996 回帖 • 1 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    730 引用 • 1280 回帖 • 4 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 天才!不过注释写错了,给你改一下

    // Shift+F5 重载界面 JS片段 document.addEventListener('keydown', function(event) { // 检查是否同时按下了 Shift 和 F5 if (event.shiftKey && event.key === 'F5') { // true 不使用缓存,false 使用缓存 location.reload(true); } });
  • vincents
    作者

    感谢修正,手误 😄

  • wilsons 1

    感谢分享!

    我总结下:

    1. F5 重新加载标签页(思源自带)
    2. shift + F5 刷新页面(本代码片段支持)
    3. 打开且焦点在 devtools 控制台中时,按 ctrl + R 刷新页面(思源自动)
    4. ctrl + W 关闭标签页(思源自带)
    5. ctrl + Q 退出思源(思源自带)

    【注】这里说的刷新页面,是指不退出思源的情况下,重新加载思源,相当于浏览器的刷新。

  • EmberSky

    小声说, 理论上这个片段是不太严谨的

    他在监听到 shift+f5 的时候, 就会被触发

    也就是说, 如果是 ctrl+shift+f5 或者 alt+shift+f5 等 包含 shift+f5 都会触发

    这玩意我也是跟 ai 聊天的时候发现的, 如果遇到类似的问题, 可以参考下面的写法

    // 要监听的快捷键 const hot_key = "ctrl+n"; // 判断按下的快捷键, 是否与hostkey相同 // event: 事件 // hostkey: 要比较的快捷键 function checkShortcut(hostkey, event) { const keys = hostkey.split("+"); const key = event.key.toLowerCase(); const isCtrl = event.ctrlKey ? "ctrl+" : ""; const isAlt = event.altKey ? "alt+" : ""; const isShift = event.shiftKey ? "shift+" : ""; const combination = isAlt + isCtrl + isShift + key; return keys.sort().join("+") === combination; } // 监听键盘按下事件 document.addEventListener('keydown', event => { if (checkShortcut(hot_key, event)) { // 快捷键触发 } });
    1 回复
  • wilsons 1 1 赞同

    有 bug

    image.png

    要想绝对的按用户输入顺序判断有点麻烦,不过建议两个都转换为数组,然后排序,连接后再比较。


    不过我觉得下面这种情况能满足绝大多数的场景,对普通用户足够了。但 shift+f5+ 非功能键也会被触发,但这种场景不多,一般都是多个功能键 +1 个非功能键。

    document.addEventListener('keydown', function(event) { // 检查是否同时按下了Shift和F5,并且没有其他修饰键被按下 if (event.shiftKey && event.key === 'F5' && !event.ctrlKey && !event.altKey && !event.metaKey) { // true 不使用缓存,false 使用缓存,注意,是否使用缓存仅在firefox浏览器下生效 location.reload(true); } });

    注意,这里的 location.reload(true); 也不严谨,true 这个参数仅在 firefox 浏览器下生效。

推荐标签 标签

  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    227 引用 • 476 回帖 • 1 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    22 引用 • 148 回帖 • 16 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 692 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    22 引用 • 214 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9641 引用 • 43836 回帖 • 95 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    54 引用 • 41 回帖
  • CongSec

    本标签主要用于分享网络空间安全专业的学习笔记

    1 引用 • 1 回帖 • 29 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    78 引用 • 396 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    56 引用 • 85 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    147 引用 • 973 回帖
  • CodeMirror
    2 引用 • 17 回帖 • 161 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 637 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 668 关注
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 4 关注
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 119 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    289 引用 • 4492 回帖 • 655 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 440 关注
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖 • 2 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 224 关注
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 649 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2040 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖 • 1 关注