Meta标签+谷歌浏览器实时同步更新

请注意,作者认为这篇文章不适合作为参考,仅作存档。敬请留意。

这学期新开了一门专业课:WEB技术,所以需要学习HTML,写HTML当然是用Jetbrain家的WebStorm Microsoft 家的 VS Code 了!在这里强力推荐一波,学生确实可以为所欲为。不扯远了,回到正题。

前言

在使用 VS Code 写 HTML 的时候,需要先保存(雾)然后在浏览器中刷新之后才能看见效果,感觉这样很麻烦,于是就想着能不能做到在边写的时候浏览器就可以同步显示效果,办法当然是有的了!下面听我继续扯。

教程

首先写好你的HTML页面,然后在 Head 标签下 加入:

<meta http-equiv="refresh" content="0.1">

然后每次编辑完网页以后按 Ctrl + S 保存,就可以实时在浏览器里面看到效果了!

点赞
  1. 太傅说道:

    我要反馈一个问题,必应老是自动给我转成英文! :pen:

    1. Huangxin说道:

      咦 我把翻译删了吧

    2. Huangxin说道:

      删掉啦!让歪果仁用Google Translate吧(逃 :huaji11:

  2. 太傅说道:

    这个content的值调大一点,效果还是蛮好的! :huaji21:

  3. 太傅说道:

    还有一个问题,时间差了8个小时? :huaji9:

  4. 展小哥说道:

    单个页面还好说,项目的话,用自动化构建工具比较好玩点,比如gulp有个模块gulp-livereload,配对相应的chrome插件,可以实现热更新

  5. 展小哥说道:

    评论的时候,ajax提交加个loading动画,点完都没有个提交效果的,不知道人的人还以为没点过,加个动画可以让用户体验提升。

    1. 惶心说道:

      好的,谢谢这位大哥(小哥)的所有意见!

发表评论

电子邮件地址不会被公开。必填项已用 * 标注