您的位置：首页 > Web前端 > HTML

html文件编辑效果在浏览器中自动同步刷新显示

2016-01-09 15:46 561 查看

html css js等文本更改时自动同步刷新浏览器效果页的方法

系统：Ubuntu14.04

编辑器：vim

通过安装插件实现

firefox插件Auto Reload

google-chrome插件LivePage(请自备梯子)

安装成功后，对于所有类型的在浏览器中打开的文本文件效果页，都能在本地文件被修改后实时刷新

通过在所编辑的文件中加入标签句
<meta http-equiv="refresh" content="1">
实现

以html文件为例:

<html>
<head>
<title>Title of the document</title>
<meta http-equiv="refresh" content="1" >
</head>

<body>
The details of the document......
</body>
</html>
*注意：该语句加在文本文件的任何一行皆可生效。在 html 文件中，加在 "<head></head>" 内更符合语法规范，文件可读性更强

再次强调，该标签语句适用于任意类型文本文件

如何在浏览器中打开本地文本文件

假设，现在我的一个名为 “test1.html” 的html文件存放位置的绝对路径是

/home/willyon/web_develop/html/test.html

，那么我在浏览器地址栏中输入

file:///home/willyon/web_develop/html/test1.html

即可。效果如下图：

如何通过vim在浏览器中快速打开本地文本文件

在 .vimrc 文件中加入设置行

nnoremap ,v :exec '!exec firefox %'<CR>

那么进入任何一个文本文件进行编辑时，在vim普通模式下，键入

,v

可在firefox浏览器中打开当前正在编辑的文件的内容

当然，浏览器可任意修改，例如

nnoremap ,v :exec '!exec google-chrome %'<CR>

则表示在google浏览器中打开文件

The End

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 刷新 html-web开发浏览器

相关文章推荐

新的分享

章节导航