ST页面修改js 实现页面实时刷新新只能配合Chrome使用么

来源：蜘蛛抓取(WebSpider) 时间：2018-03-01 19:06 标签： jsp页面实时刷新
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
例如在本地写一个index.html，用chrome浏览器看效果，每次修改代码后都要刷新一下看效果，能不能每次保存代码后，浏览器就自动更新？而不需要每次都去手动刷新
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
1 使用叫 F5的一个工具, 国内做的,还可以. (已购买,几十元,但新版的好像没老版好用)
2 使用live.js 文件 纯客户端的, 在HTMl代码中引入.
3 使用nodejs 架设服务器,通过一些autoload 组件 实现自动刷新
4 使用webstorm 的live edit 插件. 挺好用的, 但必须使用webstorm, 同时Chrome或firefox需要装webstorm的插件
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以试一下LiverReload这个工具。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你可以尝试从后台每隔几秒去请求新的页面，比如通过 ajax 读取，如果 lastModified 大于当前的 lastModified 就执行页面 reload，不知道可行不
上面这个方法可能不可行， Chrome 貌似不支持对 file protocol 进行 ajax，它会认为是跨域的，要想达到效果，给你下面几个建议：
将 html 放在本地的 apache 下，然后通过 http 访问，用上面提到的方法就可以了。
可以使用下面的库，它会自动检测变化为你刷新：
&script type="text/javascript" src="http://livejs.com/live.js"&&/script&
需要借助 Chrome 扩展实现自动检测变化并刷新（如果你不急着用，我可以尝试帮你写一个）
使用开源中国提供的
它可以实现实时预览（推荐）
如果楼主没有这么强的实时需求，完全不用装扩展呀。
&!DOCTYPE html&
&meta http-equiv="refresh" content="5;url=index.html"&
&body&刷新就应该这个亲子嘛!&/body&
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
在chrome developer tools里，右键点击Js代码，有个Live edit功能，你可以直接在developer tools里修改代码并查看效果。还有local modifications可以查看修改的记录。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
首先，做一个本地服务(Server)，他用来干两件事情。
用于检查文件是否变化。
提供一个 websocket 端口通知 Chrome
然后，再做一个 Chrome extension，这个扩展也做两件事情。
去连接前面的本地服务的 websocket
当收到刷新消息的时候，调用 js 去刷新页面。
整个流程就是
静态文件更新
-> Server 使用 websocket 通知 Extension
-> Extension 收到消息后刷新页面
是不是挺简单的？
Server 端，可以用 Gruntjs，Socket.io 轻松搭建一个起来。
Chrome 就自己看看文档写一个吧，也很简单。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
的 其实很简单啦，你只要F12打开开发者工具，点击右下角的齿轮“设置”按钮进入下一界面，选中General选项卡中的Disable cache (while DevTools is open) 就行了。下次只要你是在开发者工具打开的情况下 巨正解。试用一段时间看看。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
chrome装个扩展程序
Live Reload 不过要翻墙去谷歌商店
如要我可以发你一个
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
其实很简单啦，你只要F12打开开发者工具，点击右下角的齿轮“设置”按钮进入下一界面，选中General选项卡中的Disable cache (while DevTools is open) 就行了。下次只要你是在开发者工具打开的情况下
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
安装下谷歌插件也可以
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。用Angular写页面的时候怎么实时刷新页面_百度知道
用Angular写页面的时候怎么实时刷新页面
我有更好的答案
以chrome为例，在设置里阻止网站设置任何数据，这样刷新后就是更改后的页面这样的缺点是其他页面也会受影响，Angular同在学习中。
信任、共进、卓越
电脑装机/选购
弹出对话框 是什么？页面吗？ 他们是不是同一个 控制器？不是同一个 控制器 就不行，同一个控制器 就可以使用 $scope.属性=返回值。不同的控制器就可以使用服务，$rootScope 来实现
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。60被浏览34,061分享邀请回答84 条评论分享收藏感谢收起28 条评论分享收藏感谢收起4,434被浏览437,276分享邀请回答33267 条评论分享收藏感谢收起地址栏就是个计算器，非常方便，常用。
指数运算也可以更新说明下：前提是能科学上网20730 条评论分享收藏感谢收起ST页面修改实时刷新只能配合Chrome使用么？ - CNode技术社区
积分: 2380
这家伙很懒，什么个性签名都没有留下。
赶脚这种配置好蛋疼啊：（
Emmet LiveStyle 除了这货，还有啥实时刷新插件呢？
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的

我要回帖

更多关于 jsp页面实时刷新 的文章

 

随机推荐