当我们在修改主题样式后，经常要做的一个重复动作就是按F5刷新网页，今天介绍一款神奇的小工具，可以检测CSS和JavaScript文件的变化，并自动刷新网页的JS脚本Live.js。
将下载的live.js放到主题目录中，并使用下面的方法加载到当前的主题中，以放到主题js目录中为例，
将下面代码加到主题footer.php中：
- <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/live.js"></script>
或者加到主题functions.php中：
- wp_enqueue_script( 'live', get_template_directory_uri() . '/js/live.js', array(), version, false );
之后，可以将浏览器窗口和编辑器窗口各占半个屏幕，在修改主题CSS文件保存后，不需要手动刷新，Live.js脚本会检测改动并自动刷新网页，将修改后的效果立即显示在浏览器中，方便随时观察变化，有助于加快你的开发时间。
如果认为添加上面的代码之后还要删除比较麻烦，也可以安装利用Live.js脚本制作的WordPress插件。
插件名称：PBD Live.js for WordPress
该Live.js脚本不仅适用于WordPress主题，同样适合任何网页开发制作 。
另外，Live.js脚本纯粹是为网页开发而设计，没有必要让它一直保留在主题中，因为启用后网页每两秒钟 flashes”一次 ，会影响页面的正常加载。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
湖北省武汉市 1F
实时监测的话 对于服务器不知道有没有什么影响呢
浙江省杭州市 B1
@ BanYuner 借楼，不错的小工具
江苏省苏州市 2F
@我爱动感单车网，沙发！
广西桂林市 B1
@ Win7en乐园
您的这条评论，啥意思呀？
江苏省苏州市 3F
我一项坚持先沙发，后评论。这个脚本很实用。
江苏省苏州市 4F
另外，鸟哥，这款插件对使用CDN的用户是不是非常有 帮助呢？
湖北省武汉市 B1
@ Win7en乐园 我个人觉得是没有帮助的
江苏省南通市 5F
感觉没什么用，我还不如自己动手封呢~~~~
广西桂林市 6F
湖南省邵阳市 7F
鸟哥。顶你，顶你。。。。
广东省广州市黄埔区 8F
用在网站上了
广东省珠海市 9F
http://ww2.sinaimg.cn/large/703be3b1jw1fa6i8hqur8j20m80atac5.jpg
这个吊，不过如果启用缓存的话 估计还是不很方便
广东省汕头市 10F
请问怎么给博客手机模板上面添加登录按钮呀，就像你博客一样
福建省福州市 11F
这东西好，拿走了。
江苏省镇江市 12F
感觉很厉害的样子 …