美文网首页
Web开发:在html,css以及js发生变动时自动刷新浏览器的

Web开发:在html,css以及js发生变动时自动刷新浏览器的

作者: 治部少辅 | 来源:发表于2017-03-19 23:36 被阅读58次

方法来自于livejs.com这个网站。按照如下方法进行配置:

1. 让你的代码引用live.js

<script type="text/javascript" src="http://livejs.com/live.js"></script>

2. 在项目的根目录上架起一个简单的http服务器。

最简单的方法使用python 的SimpleHTTPServer。cd到醒目根目录然后运行下面的命令。

python -m SimpleHTTPServer

然后就可以在localhost:8000访问自己的html文件了。

也可以采用php。同样cd到项目目录,然后运行

php -s localhost:8000

这个方法对主流的浏览器基本上都能有效的支持。

相关文章

  • Web开发:在html,css以及js发生变动时自动刷新浏览器的

    方法来自于livejs.com这个网站。按照如下方法进行配置: 1. 让你的代码引用live.js 2. 在项目的...

  • browsersync浏览器自动刷新工具

    browsersync能让浏览器自动刷新、快速响应您的文件更改(html、js、css、sass、less等)并自...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

  • 前端实时可视化开发工具

    通常我们做前端开发的时候,总是通过修改HTML、CSS和JS代码后在浏览器刷新界面后查看效果,再修改再刷新,反复操...

  • webpack模块化开发(二)

    主题 - css加载器 & 自动打包+浏览器自动刷新 & 优雅降级 css加载器 在webpack模块化开发中默认...

  • 如何解决h5、vue、uniapp等项目缓存问题

    我们再开发web项目时,经常会遇到修改了css、js、html等静态文件,并部署到服务器之后。使用浏览器进行访问的...

  • Ctrl + S 自动保存

    项目中HTML文件,css文件,js文件变动,页面会自动的跟着变动 如果上面"start":"npm run de...

  • Gulp

    HTML CSS JS 文件的压缩合并语法转化(es6,less)公共文件抽离修改文件浏览器自动刷新 步骤:1 n...

  • livereload

    livereload livereload是一个web开发辅助工具,当我们修改完html、css和js的时候会自动...

  • Day1 HTML标签

    一、认识HTML 1.web标准 web前端开发主要包含三个内容:html、css、js(javascript)内...

网友评论

      本文标题:Web开发:在html,css以及js发生变动时自动刷新浏览器的

      本文链接:https://www.haomeiwen.com/subject/jbrbyttx.html