更为简单的Ctrl+S自动刷新浏览器工具-LinrF5

最新推荐文章于 2020-12-08 21:59:49 发布
最新推荐文章于 2020-12-08 21:59:49 发布
阅读量127 收藏 1
点赞数
文章标签： 前端 ViewUI

一款自动刷新浏览器的小工具，它通过监听用户的按键，如果在键盘按下 Ctrl+S ，则自动刷新浏览器，操作十分简单，前端开发必备神器，快速提升工作效率，支持IE、火狐以及最新版的chrome33。之前我写过的文章《前端开发小工具SuperApp——Ctrl+S自动刷新浏览器》中，分享过 SuperApp 工具，也是有自动刷新浏览器功能，而操作起来相对复杂，LinrF5 是从 SuperApp 提取出来的，更为简单。

 

询问过作者(vickey)的意见，分享这款优秀的软件给大家，这里特别感谢(vickey)。

 

下载地址及相关说明

https://github.com/Linrstudio/LinrF5/

操作步骤

1.选择需要自动刷新的浏览器

2.设置浏览器窗口顶置(非必需)

3.键盘按ctrl+s，你的浏览器已被刷新

 

视频演示

温馨提示

chrome 版本有一些不稳定，可能有少部分机器不支持，看RP~

 

weixin_34183910
关注
详解谷歌Chrome浏览器中的各种刷新姿势（点击链接，在地址栏回车，F5，Ctrl + F5，Shift + F5，Ctrl + R，Ctrl + Shift + R）
frcoder的博客
09-11 1万+
正常重新加载（F5，Ctrl + R，在地址栏回车，点击链接）：使用缓存数据。 硬性重新加载/强制刷新（Ctrl/Shift + F5，Ctrl + Shift + R）：强制浏览器重新下载项目并重新加载。使用的资源可能来自缓存版本。 清空缓存并硬性重新加载：页面的缓存完全清除，必须根据需要重新下载所有内容。
深入理解webpack自动刷新浏览器
weixin_39963132的博客
12-06 1361
文章目录1. 自动刷新浏览器1.1 监听文件变化1.1.1 方式1.1.2 原理1.2 自动刷新浏览器1.2.1 原理2. 模块热更新2.1 两种方式2.1.1 webpack-dev-server2.1.2 webpack-hot-middleware 我们在日常开发时，有一个需要在开发状态下的优化，就是浏览器能自动显示修改后的代码，而无需我们手动刷新 1. 自动刷新浏览器 为了能实现浏览器自动刷新，需要做两件事情: 监听文件变化 自动刷新浏览器 1.1 监听文件变化 监听文件变化是在webpack模
代码更新自动刷新浏览器工具LinrF5
12-02
代码更新自动刷新浏览器工具LinrF5，非常好用，亲测无误
前端开发小工具SuperApp——Ctrl+S自动刷新浏览器
weixin_33800593的博客
11-14 174
推荐前端开发中一个小工具SuperApp，灰常好用，前端开发的童鞋们，走过路过不要错过啊！ 使用SuperApp后，在编辑器中更新页面资源（html,js,css）时，只需按Ctrl+S，浏览器会自动刷新页面文件，可以避免使用F5频繁刷新浏览器以及在编辑器和浏览器之间不停切换带来烦恼，有双屏显示器，甚至是有双屏以上的高富帅们，使用效果更佳，可大大提升开发体验。 SuperApp——   ...
推荐开发工具系列之--LinrF5(自动刷新)
weixin_34040079的博客
03-13 69
2019独角兽企业重金招聘Python工程师标准>>> ...
改变浏览器中默认的ctrl+s方法
weixin_30469895的博客
03-13 801
在一般的情况下，我们在浏览网页的时候按下ctrl+s,浏览器会弹出一个保存网页的框。 但是在一些特定的网页中，我们希望ctrl+s不是弹出默认的保存窗口，而是进行一下别的操作。 比如在我们使用简书的时候，我们按下ctrl+s的时候，是不会弹出保存窗口的。而是把我们正在编辑的文字进行保存。这个操作在一些特定的网页中是十分必要的。因为我们在编辑的文字的时候，会习惯性地按下ctrl+s进行...
快捷键Ctrl+s快速保存，屏蔽保存网页到本地
咻咻ing的专栏
12-08 4244
在Web开发过程中，对于编辑页面有时候希望能够使用Ctrl+s快捷键直接保存标记的内容，像文本编辑一样。 但是，默认情况下的Ctrl+s会调起浏览器的保存网页到本地的功能。 所以，我们需要自己监控键盘输入和阻止浏览器的网页保存功能。 实现流程 监听键盘事件：onkeydown（键盘按键按下） 或 onkeyup（键盘按键释放）。 判断指定按键是否被按下： e.ctrlKey: Ctrl 键是否被按下，是则返回 true。 e.metaKey: Meta 键 (Mac上是 ⌘ Command 键；Wind
使用live-server快速搭建本地服务器+自动刷新的方法
11-26
通过简单的安装和使用，它能帮助你快速建立本地服务器，并提供自动刷新功能，使得开发过程更为顺畅。同时，配合其他前端框架和工具，如Vue.js、React或Angular，`live-server`可以成为你强大的开发辅助。在日常工作...
360浏览器自动刷新工具
05-13
360浏览器自动刷新工具是一款专为360浏览器设计的实用插件，它能够帮助用户自动、定时地刷新网页，极大地提升了浏览体验和工作效率。在网页开发、在线监控、抢购活动等需要频繁刷新页面的场景下，这类工具显得尤为...
js在禁止网页中的ctrl+s功能
mm_hello11的博客
10-25 5281
//禁用页面的ctrl功能，来禁止ctrl+s保存功能 window.addEventListener('keydown', function (e) { if(e.keyCode == 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey)){ e.preventDefault();...
自动保存Ctrl-S_Helper_0.9a
02-19
自动保存的小工具，非常好用，可以设置每一个需要自动保存的程序
浏览器ctrl+s出发保存事件
chenqu5697的博客
08-27 1149
mounted() { let scope=this function keyDown(e){ var key=null,e = e||event||window.event; key=e.keyCode||e.which||e.charCode; ...
javascript屏蔽Ctrl+s，F1，F3各浏览器兼容写法
milaner337的博客
11-14 9566
近来项目需要用到ctrl+S， F1，F3等快捷键，无奈各浏览器对这几个键都有默认事件，且屏蔽方式不尽相同，现对其作一整理总结。注意：该文是针对原生javascript写法，jquery已对相当一部分做了兼容处理，并不需要如此复杂。            键盘事件         一般处理键盘按键事件我们采用这样的方式document.onkeydown=function (e) {
ctrl+s保存在线文本，阻止不了浏览器默认事件
二二②四的小窝
12-01 1073
ctrl+s保存在线文本，阻止不了浏览器默认事件的原因 场景： 在浏览器环境中，编写一个在线IDE，支持用户键盘按下ctrl+s，能够保存编辑的文本内容。 环境： vue +monaco-editor 注意事项： 与键盘相关的事件有3个，分别是：keydown、keypress 、keyup。 这三个事件里面keydown是最先触发的，而且也只能在这个事件里面阻止事件冒泡和默认行为 所有我们把事件绑定在keydown上即可，再通过以下任意一种方式即可阻止浏览器的默认行为 event.p.
自动刷新IE
大家随意
10-28 6325
<br /> 现在大多浏览器都有了自动刷新功能了，IE8没用过不知道有没有，系统里还是IE7，没有自动刷新，之前做网卡驱动要做测试，刷新网页看能不能捕获到发出去的包，所以就像写一个自动刷新IE的Demo。<br />大致思路是这样：<br />先找到IE的窗口句柄，然后给这个句柄定时发送F5这个按键消息，这样IE就能定时刷新了。<br />首先，如何找IE窗口，因为IE窗口的标题是随访问的网页变化的，不过其最后的- Microsoft Internet Explorer是一直都有的，（注，这是XP下，WIN
WebStorm实现浏览器代码同步刷新——从此告别ctrl+s、F5
热门推荐
水果烫瓜皮的博客
04-16 1万+
前言 这次介绍的是使用WebStorm代码编辑器，并给chrome装上插件。完成代码同步浏览器，实现同步刷新的效果。从此彻底告别ctrl+s、F5，告别经常重复的这两个动作。 选择WebStorm实现的效果是比较好的，在它的页面右边有多个多个浏览器logo可供选择。方便你可以在多个浏览器上查看效果（前提是这几个浏览器你都已经安装好）。 步骤一 首先我们要对WebStorm进行设置 打开WebS...
用批处理循环打开关闭IE浏览器
峰云四起
11-19 4416
打开“记事本”，复制以下内容，保存文件名：“刷站.BAT”。   for /l %%i in (1,1,20) do ( rem 循环20次   ping 127.1 -n 3 >nulrem 延时3秒    @echo offrem 关闭回显命令   cd C:\Program Files\Internet Explorer\rem 改变当前目录到IE所在目录   star
vue3+ts+vite项目vite-plugin-eslint报错后，文件保存后浏览器页面未自动刷新
最新发布
09-11
当在Vue3 + TypeScript + Vite项目中使用`vite-plugin-eslint`插件时，如果遇到错误并且保存文件后浏览器页面没有自动刷新，这通常是因为Vite的热更新功能出现问题或者是eslint配置有误。以下是几个可能的原因及解决步骤： 1. **检查eslint配置**：确认`vite.config.js`中的`plugins`部分是否正确配置了`vite-plugin-eslint`，并且 ESLint规则设置无误。 ```js // vite.config.ts import { defineConfig } from 'vite' import eslint from '@vitejs/plugin-eslint' export default defineConfig({ plugins: [eslint()] }) ``` 2. **启用HMR（Hot Module Replacement）**：确认`vite.config.ts`中的`build.rollupOptions.watch`选项是否开启，这允许浏览器在源码变化时自动刷新。 ```js // vite.config.ts export default defineConfig({ build: { rollupOptions: { input: 'src/main.ts', watch: true, }, } }) ``` 3. **清理缓存**：有时候由于缓存问题，可能导致更新不生效。尝试关闭并重启Vite开发服务器，然后清除浏览器缓存和localStorage。 4. **排查eslint版本冲突**：确保安装的eslint及其依赖版本与vite-plugin-eslint兼容，如有版本不匹配，可能会导致错误。 5. **检查其他插件**：有些插件可能会影响到Vite的热加载，确认是否有其他插件干扰了此功能。 如果上述步骤都试过还是无法解决，你可以尝试：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值