前端技术分享-码匠 极客编程技术分享

您当前位于:开发工具 ——> WEB前端开发中,网页调试的免刷新工具 —— [F5]工具

WEB前端开发中,网页调试的免刷新工具 —— [F5]工具

2015/06/15 22:09:38 | 作者:HTML5学堂(码匠) | 分类:开发工具 | 关键词:前端,网页调试工具,免刷新

[F5] Web开发免刷新

HTML5学堂:F5的工具对于网页的任何修改,一旦保存,浏览器将立即自动刷新,时刻展现网页的最新效果。省去频繁切换窗口并刷新的烦人步骤。对于静态页面中的CSS,修改后,将自动重新载入CSS,而不用刷新整个页面。那大家赶紧来玩转F5调试工具吧~

资料来源:微聚网络

工具下载

Window版本下载  |   Mac版本下载

点击运行

HTML5学堂 [F5] Web开发免刷新 h5course

主界面

HTML5学堂 [F5] Web开发免刷新 h5course

添加项目地址(绝对路径)

HTML5学堂 [F5] Web开发免刷新 h5course

显示项目文件

HTML5学堂 [F5] Web开发免刷新 h5course

选择项目文件

HTML5学堂 [F5] Web开发免刷新 h5course

显示选择的网页文件

HTML5学堂 [F5] Web开发免刷新 h5course

修改HTML文件(保存修改的文件,页面自动刷新)

HTML5学堂 [F5] Web开发免刷新 h5course

显示修改后的效果(自动刷新后的效果)

HTML5学堂 [F5] Web开发免刷新 h5course

编译Less的功能

HTML5学堂 [F5] Web开发免刷新 h5course

其他功能

当然,该工具已经具备服务器环境,手机调试页面也是可以使用的。在页面开发时,按Ctrl+S在手机里面调试的页面也会自动刷新,换句话说,在PC端和移动端的设备上页面都会自动刷新。

HTML5学堂 [F5] Web开发免刷新 h5course

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端